buckets/resources/js/components/text-link.tsx

24 lines
619 B
TypeScript
Raw Normal View History

2025-12-29 17:17:35 +01:00
import { cn } from '@/lib/utils';
import { Link } from '@inertiajs/react';
import { ComponentProps } from 'react';
type LinkProps = ComponentProps<typeof Link>;
export default function TextLink({
className = '',
children,
...props
}: LinkProps) {
return (
<Link
className={cn(
'text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500',
className,
)}
{...props}
>
{children}
</Link>
);
}