@sitecore/sc-contenthub-blok/esm/Components/BlokLink/BlokLink.js

A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).

import { jsx as _jsx } from "react/jsx-runtime";
import { css, cx } from "@emotion/css";
import { colorMap, neutral } from "../../Foundations";
export const classes = {
    underlineOnHover: css({
        textDecoration: "none",
        "&:hover": {
            textDecoration: "underline",
        },
    }),
    underlineAlways: css({
        textDecoration: "underline",
    }),
    underlineNever: css({
        textDecoration: "none",
    }),
};
export const BlokLink = ({ href, children, colorScheme = "primary", underline = "hover", className, ...extraProps }) => {
    const linkStyle = {
        color: colorMap[colorScheme]?.[500] ?? neutral[500],
    };
    return (_jsx("a", { href: href, style: linkStyle, ...extraProps, className: cx(underline === "hover" ? classes.underlineOnHover : "", underline === "always" ? classes.underlineAlways : "", underline === "never" ? classes.underlineNever : "", className), children: children }));
};
//# sourceMappingURL=BlokLink.js.map