/**
 * Line-art category icons — minimal stroke style, use currentColor for brand foreground.
 */

export function DogFoodIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      aria-hidden
    >
      <path d="M12 38V18a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v20" />
      <path d="M14 16V14a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v2" />
      <path d="M18 28h12" />
      <ellipse cx="24" cy="32" rx="4" ry="2" />
    </svg>
  );
}

export function CatFoodIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      aria-hidden
    >
      <ellipse cx="24" cy="28" rx="10" ry="12" />
      <path d="M14 28h20" />
      <path d="M18 16v-4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4" />
      <path d="M20 12h8" />
    </svg>
  );
}

export function TreatsIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      aria-hidden
    >
      <path d="M10 24c0-6 4-10 8-10s6 4 6 10-2 10-6 10-8-4-8-10z" />
      <path d="M38 24c0-6-4-10-8-10s-6 4-6 10 2 10 6 10 8-4 8-10z" />
      <path d="M18 24h12" />
    </svg>
  );
}

export function TreesScratchersIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      aria-hidden
    >
      <rect x="20" y="32" width="8" height="8" rx="1" />
      <path d="M24 32V20" />
      <rect x="18" y="16" width="12" height="6" rx="1" />
      <path d="M24 22v-6" />
      <rect x="20" y="8" width="8" height="8" rx="1" />
      <path d="M22 16h4M20 22h8" />
    </svg>
  );
}

export function ToysIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      aria-hidden
    >
      <circle cx="24" cy="24" r="10" />
      <path d="M24 14v20M14 24h20" />
      <path d="M18 18l12 12M30 18L18 30" />
      <path d="M24 20a4 4 0 0 1 0 8" />
    </svg>
  );
}

export function BowlsDishesIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      aria-hidden
    >
      <ellipse cx="24" cy="28" rx="12" ry="4" />
      <path d="M12 28V26a4 4 0 0 1 4-4h16a4 4 0 0 1 4 4v2" />
      <path d="M20 22h8" />
      <ellipse cx="24" cy="26" rx="3" ry="1" />
    </svg>
  );
}

export function CarriersIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      aria-hidden
    >
      <path d="M10 38V14a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v24" />
      <path d="M10 20h28" />
      <path d="M14 20v18M24 20v18M34 20v18" />
      <path d="M18 12h12v4H18z" />
    </svg>
  );
}

export function LitterLitterBoxIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      fill="none"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
      aria-hidden
    >
      <path d="M8 36V20a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v16" />
      <path d="M8 24h32" />
      <path d="M18 24v12M30 24v12" />
      <path d="M22 28h4l2 8h-8l2-8z" />
    </svg>
  );
}
