export default function Icon({ type }) {
  if (type === "paw") {
    return (
      <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
        <circle cx="7" cy="7" r="2.1" />
        <circle cx="12.3" cy="5.2" r="2.1" />
        <circle cx="17.2" cy="7.4" r="2.1" />
        <path d="M12 10.5c-3.4 0-6.2 2.4-6.2 5.4 0 1.7 1.4 2.9 3 2.5 1.2-.3 2-1 3.2-1s2 .7 3.2 1c1.6.4 3-.8 3-2.5 0-3-2.8-5.4-6.2-5.4z" />
      </svg>
    );
  }

  if (type === "bag") {
    return (
      <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
        <path d="M4 10h16l-1.4 10.5a2 2 0 0 1-2 1.5H7.4a2 2 0 0 1-2-1.5L4 10z" />
        <path d="M8 10V6a4 4 0 0 1 8 0v4" />
      </svg>
    );
  }

  if (type === "key") {
    return (
      <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="1.8">
        <circle cx="8" cy="8" r="4.2" />
        <path d="M11 11l9 9M16.5 16.5l2.5-2.5M19 19l2-2" strokeLinecap="round" />
      </svg>
    );
  }

  return (
    <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="1.8">
      <rect x="7" y="2.5" width="10" height="19" rx="2.2" />
      <line x1="11" y1="18.5" x2="13" y2="18.5" strokeLinecap="round" />
    </svg>
  );
}