tailwind-ui-library/components/layout/Link.tsx
2024-10-16 15:20:34 +01:00

22 lines
512 B
TypeScript

import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
import { twMerge } from "tailwind-merge";
export default function Link({
...props
}: DetailedHTMLProps<
AnchorHTMLAttributes<HTMLAnchorElement>,
HTMLAnchorElement
>) {
return (
<a
{...props}
className={twMerge(
"text-base text-link-500 no-underline hover:text-link-500/50",
props.className
)}
>
{props.children}
</a>
);
}