import { jsx as _jsx } from "react/jsx-runtime";
import { UiLink } from "../../UiLink/UiLink.js";
import { stopPropagationCallback } from "./utils.js";
export function WithConditionalAnchor({ href, children }) {
    return href ? (_jsx(UiLink, { variant: "secondary", fullWidth: true, href: href, onClick: (e) => {
            stopPropagationCallback(e);
        }, tabIndex: -1, children: children })) : (children);
}
