'use client';

interface TagProps {
  children: React.ReactNode;
  variant?: 'default' | 'light' | 'orange';
}

export function Tag({ children, variant = 'default' }: TagProps) {
  return (
    <span
      className={`inline-flex items-center justify-center px-3 h-[28px] max-w-full rounded-[15px] text-[14px] font-medium font-serif truncate ${
        variant === 'light'
          ? 'border-[0.7px] border-[#00293d] text-[#00293d] bg-transparent'
          : variant === 'orange'
            ? 'border-[0.7px] border-[#e58625] text-[#e58625] bg-transparent'
            : 'border-[0.7px] border-[#00293d] text-[#00293d] bg-transparent'
      }`}
    >
      {children}
    </span>
  );
}
