/**
 * Premium SVG Icons for Vocalclips
 * Elegant, sophisticated icons with premium styling
 */

export function PremiumPlacementIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <circle cx="32" cy="32" r="30" stroke="currentColor" strokeWidth="1.5" opacity="0.2" />
      <path
        d="M32 12L38.5 28H55L42.25 37.5L48.75 54L32 44.5L15.25 54L21.75 37.5L9 28H25.5L32 12Z"
        fill="currentColor"
        opacity="0.8"
      />
      <path
        d="M32 12L38.5 28H55L42.25 37.5L48.75 54L32 44.5L15.25 54L21.75 37.5L9 28H25.5L32 12Z"
        stroke="currentColor"
        strokeWidth="1"
        opacity="0.3"
      />
    </svg>
  );
}

export function VerifiedBadgeIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <path
        d="M32 8L42 14V26C42 38 32 52 32 52C32 52 22 38 22 26V14L32 8Z"
        stroke="currentColor"
        strokeWidth="1.5"
        fill="currentColor"
        opacity="0.6"
      />
      <path
        d="M28 34L30.5 37L38 28"
        stroke="currentColor"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        opacity="0.8"
      />
    </svg>
  );
}

export function ReducedCommissionIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <circle cx="32" cy="32" r="24" stroke="currentColor" strokeWidth="1.5" fill="none" opacity="0.2" />
      <path
        d="M32 20V44M24 32H40"
        stroke="currentColor"
        strokeWidth="2.5"
        strokeLinecap="round"
        opacity="0.7"
      />
      <circle cx="32" cy="32" r="20" stroke="currentColor" strokeWidth="1" fill="none" opacity="0.3" />
    </svg>
  );
}

export function EarlyBookingIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <path
        d="M16 20H48C50.2 20 52 21.8 52 24V48C52 50.2 50.2 52 48 52H16C13.8 52 12 50.2 12 48V24C12 21.8 13.8 20 16 20Z"
        stroke="currentColor"
        strokeWidth="1.5"
        fill="none"
        opacity="0.3"
      />
      <path d="M18 20V16C18 14.9 18.9 14 20 14C21.1 14 22 14.9 22 16V20" stroke="currentColor" strokeWidth="1.5" opacity="0.6" />
      <path d="M42 20V16C42 14.9 42.9 14 44 14C45.1 14 46 14.9 46 16V20" stroke="currentColor" strokeWidth="1.5" opacity="0.6" />
      <path d="M16 28H48" stroke="currentColor" strokeWidth="1" opacity="0.3" />
      <circle cx="28" cy="38" r="3" fill="currentColor" opacity="0.7" />
      <circle cx="36" cy="38" r="3" fill="currentColor" opacity="0.7" />
      <circle cx="44" cy="38" r="3" fill="currentColor" opacity="0.7" />
    </svg>
  );
}

export function SocialSpotlightIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <circle cx="32" cy="32" r="28" stroke="currentColor" strokeWidth="1.5" fill="none" opacity="0.2" />
      <path
        d="M32 16L36.5 28H49L39.25 35.5L43.75 47.5L32 40L20.25 47.5L24.75 35.5L15 28H27.5L32 16Z"
        fill="currentColor"
        opacity="0.7"
      />
      <path
        d="M32 18L35.5 27H45L37.25 33L40.75 42L32 36.5L23.25 42L26.75 33L19 27H29.5L32 18Z"
        stroke="currentColor"
        strokeWidth="0.8"
        opacity="0.4"
      />
    </svg>
  );
}

export function LiveBandsIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <circle cx="20" cy="32" r="6" stroke="currentColor" strokeWidth="1.5" fill="currentColor" opacity="0.6" />
      <circle cx="32" cy="20" r="6" stroke="currentColor" strokeWidth="1.5" fill="currentColor" opacity="0.7" />
      <circle cx="44" cy="32" r="6" stroke="currentColor" strokeWidth="1.5" fill="currentColor" opacity="0.6" />
      <path d="M20 38V48" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
      <path d="M32 26V48" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
      <path d="M44 38V48" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
      <line x1="16" y1="48" x2="48" y2="48" stroke="currentColor" strokeWidth="1" opacity="0.3" />
    </svg>
  );
}

export function DJIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <circle cx="18" cy="28" r="8" stroke="currentColor" strokeWidth="1.5" fill="none" opacity="0.6" />
      <circle cx="46" cy="28" r="8" stroke="currentColor" strokeWidth="1.5" fill="none" opacity="0.6" />
      <circle cx="18" cy="28" r="4" fill="currentColor" opacity="0.5" />
      <circle cx="46" cy="28" r="4" fill="currentColor" opacity="0.5" />
      <path d="M26 28H38" stroke="currentColor" strokeWidth="2" opacity="0.6" />
      <path d="M32 16V40" stroke="currentColor" strokeWidth="1.5" opacity="0.4" />
      <path d="M20 48H44" stroke="currentColor" strokeWidth="1.5" opacity="0.3" />
    </svg>
  );
}

export function SaxophoneIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <path
        d="M24 16C24 16 28 18 28 28C28 38 24 48 24 48"
        stroke="currentColor"
        strokeWidth="2"
        fill="none"
        opacity="0.6"
      />
      <circle cx="28" cy="22" r="2.5" fill="currentColor" opacity="0.7" />
      <circle cx="28" cy="28" r="2.5" fill="currentColor" opacity="0.7" />
      <circle cx="28" cy="34" r="2.5" fill="currentColor" opacity="0.7" />
      <circle cx="28" cy="40" r="2.5" fill="currentColor" opacity="0.7" />
      <path d="M32 20L40 20" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
      <path d="M32 28L42 28" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
      <path d="M32 36L40 36" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
    </svg>
  );
}

export function ChurchInstrumentIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <path
        d="M32 12L38 22H42V48H22V22H26L32 12Z"
        stroke="currentColor"
        strokeWidth="1.5"
        fill="currentColor"
        opacity="0.5"
      />
      <path d="M28 28H36" stroke="currentColor" strokeWidth="1.5" opacity="0.6" />
      <path d="M28 36H36" stroke="currentColor" strokeWidth="1.5" opacity="0.6" />
      <circle cx="32" cy="32" r="1.5" fill="currentColor" opacity="0.7" />
    </svg>
  );
}

export function MCIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <path
        d="M20 28C20 22 24 18 32 18C40 18 44 22 44 28V44H20V28Z"
        stroke="currentColor"
        strokeWidth="1.5"
        fill="currentColor"
        opacity="0.4"
      />
      <circle cx="32" cy="32" r="4" fill="currentColor" opacity="0.7" />
      <path d="M28 40C28 40 28 44 32 44C36 44 36 40 36 40" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
      <path d="M18 48H46" stroke="currentColor" strokeWidth="1" opacity="0.3" />
    </svg>
  );
}

export function VoiceOverIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <path
        d="M32 16C38.6 16 44 21.4 44 28V36C44 42.6 38.6 48 32 48C25.4 48 20 42.6 20 36V28C20 21.4 25.4 16 32 16Z"
        stroke="currentColor"
        strokeWidth="1.5"
        fill="currentColor"
        opacity="0.5"
      />
      <path d="M28 28V36" stroke="currentColor" strokeWidth="1" opacity="0.4" />
      <path d="M32 26V36" stroke="currentColor" strokeWidth="1" opacity="0.6" />
      <path d="M36 28V36" stroke="currentColor" strokeWidth="1" opacity="0.4" />
      <path d="M20 48H44" stroke="currentColor" strokeWidth="1.5" opacity="0.3" />
    </svg>
  );
}

export function SoloPerformerIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <circle cx="32" cy="20" r="6" stroke="currentColor" strokeWidth="1.5" fill="currentColor" opacity="0.6" />
      <path
        d="M24 28H40C42.2 28 44 29.8 44 32V44H20V32C20 29.8 21.8 28 24 28Z"
        stroke="currentColor"
        strokeWidth="1.5"
        fill="currentColor"
        opacity="0.4"
      />
      <path d="M24 44L20 52" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
      <path d="M40 44L44 52" stroke="currentColor" strokeWidth="1.5" opacity="0.5" />
    </svg>
  );
}

export function CheckmarkIcon() {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <circle cx="32" cy="32" r="28" stroke="currentColor" strokeWidth="1.5" fill="currentColor" opacity="0.2" />
      <path
        d="M26 32L30 36L40 26"
        stroke="currentColor"
        strokeWidth="2.5"
        strokeLinecap="round"
        strokeLinejoin="round"
        opacity="0.8"
      />
    </svg>
  );
}

export function ProcessStepIcon({ number }: { number: string }) {
  return (
    <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-full h-full">
      <circle cx="32" cy="32" r="28" stroke="currentColor" strokeWidth="1.5" fill="currentColor" opacity="0.15" />
      <circle cx="32" cy="32" r="24" stroke="currentColor" strokeWidth="1" fill="none" opacity="0.3" />
      <text
        x="32"
        y="38"
        textAnchor="middle"
        fontSize="20"
        fontWeight="bold"
        fill="currentColor"
        opacity="0.8"
      >
        {number}
      </text>
    </svg>
  );
}
