import { cn } from '@/lib/cn';
import type { ComponentProps } from 'react';
import Link from 'next/link';

type Props = ComponentProps<typeof Link>;

export const UILink = ({ children, className, ...props }: Props) => {
  return (
    <Link
      className={cn(
        'text-text-primary text-xs font-bold transition-opacity duration-200 hover:opacity-70 focus-visible:ring-2 focus-visible:outline-none lg:text-sm',
        className,
      )}
      {...props}
    >
      {children}
    </Link>
  );
};