const stroke = "var(--archi-gold)";

export function LandingFeatureIcons({
  name,
}: {
  name: "projects" | "clients" | "billing" | "analytics" | "security";
}) {
  const common = {
    viewBox: "0 0 32 32",
    className: "h-8 w-8",
    fill: "none" as const,
    "aria-hidden": true as const,
  };

  switch (name) {
    case "projects":
      return (
        <svg {...common}>
          <rect x="4" y="6" width="10" height="10" rx="1.5" stroke={stroke} strokeWidth="1.6" />
          <rect x="18" y="6" width="10" height="10" rx="1.5" stroke={stroke} strokeWidth="1.6" />
          <rect x="4" y="18" width="10" height="8" rx="1.5" stroke={stroke} strokeWidth="1.6" />
          <rect x="18" y="18" width="10" height="8" rx="1.5" stroke={stroke} strokeWidth="1.6" />
        </svg>
      );
    case "clients":
      return (
        <svg {...common}>
          <circle cx="11" cy="11" r="3.5" stroke={stroke} strokeWidth="1.6" />
          <circle cx="21" cy="12" r="2.8" stroke={stroke} strokeWidth="1.6" />
          <path
            d="M5 24c1.2-3.5 3.6-5 6-5s4.8 1.5 6 5"
            stroke={stroke}
            strokeWidth="1.6"
            strokeLinecap="round"
          />
          <path
            d="M17.5 24c.7-2.2 2.2-3.3 3.5-3.3 1.5 0 2.9 1 3.5 3.3"
            stroke={stroke}
            strokeWidth="1.6"
            strokeLinecap="round"
          />
        </svg>
      );
    case "billing":
      return (
        <svg {...common}>
          <rect x="5" y="8" width="22" height="16" rx="2" stroke={stroke} strokeWidth="1.6" />
          <path d="M5 13h22" stroke={stroke} strokeWidth="1.6" />
          <path d="M9 19h6" stroke={stroke} strokeWidth="1.6" strokeLinecap="round" />
        </svg>
      );
    case "analytics":
      return (
        <svg {...common}>
          <path
            d="M5 24V10M12 24V14M19 24V8M26 24V16"
            stroke={stroke}
            strokeWidth="1.8"
            strokeLinecap="round"
          />
        </svg>
      );
    case "security":
      return (
        <svg {...common}>
          <path
            d="M16 4l10 4v7c0 6.2-4.2 10.4-10 12-5.8-1.6-10-5.8-10-12V8l10-4z"
            stroke={stroke}
            strokeWidth="1.6"
            strokeLinejoin="round"
          />
          <path
            d="M12.5 16.2l2.4 2.4 4.6-5"
            stroke={stroke}
            strokeWidth="1.6"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </svg>
      );
  }
}
