@theguild/components
Version:
26 lines (25 loc) • 774 B
JavaScript
import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { cn } from "../../cn";
import { Anchor } from "../../components/anchor";
const MDXLink = forwardRef(
({ className, href, children, ...rest }, ref) => {
return /* @__PURE__ */ jsx(
Anchor,
{
ref,
className: cn(
"hive-focus -mx-1 -my-0.5 rounded px-1 py-0.5 font-medium text-blue-700 underline underline-offset-2 hover:no-underline focus-visible:no-underline focus-visible:ring-current focus-visible:ring-offset-blue-200 dark:text-primary/90 dark:focus-visible:ring-primary/50",
className
),
href: href || "",
...rest,
children
}
);
}
);
MDXLink.displayName = "MDXLink";
export {
MDXLink
};