Files
HRM-System/resources/js/components/text-link.tsx
2026-04-13 08:16:56 +08:00

20 lines
622 B
TypeScript
Executable File

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! cursor-pointer dark:decoration-neutral-500',
className,
)}
{...props}
>
{children}
</Link>
);
}