import { cn } from '@/lib/cn'

interface UserTwoToneIconProps {
  className?: string
  /** رنگ لایه اصلی — مثلاً `text-gray-800` */
  primaryClassName?: string
  /** رنگ لایه ثانویه — مثلاً `text-primary`؛ پیش‌فرض opacity-40 مثل Iconsax */
  secondaryClassName?: string
}

export default function UserTwoToneIcon({ className = 'size-6', primaryClassName, secondaryClassName }: UserTwoToneIconProps) {
  return (
    <svg
      className={className}
      fill="none"
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        className={primaryClassName}
        d="M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.5"
      />
      <path
        className={cn('opacity-40', secondaryClassName)}
        d="M20.5901 22C20.5901 18.13 16.7402 15 12.0002 15C7.26015 15 3.41016 18.13 3.41016 22"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.5"
      />
    </svg>
  )
}