// Platform SVG icons — brand accurate, self-contained, no external deps

interface IconProps {
  size?: number;
  className?: string;
}

export function GoogleMeetIcon({ size = 24, className }: IconProps) {
  return (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
      <rect width="24" height="24" rx="6" fill="#00897B" />
      <path d="M14.5 12c0 1.38-1.12 2.5-2.5 2.5S9.5 13.38 9.5 12s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5z" fill="white" />
      <path d="M16 8.5H8A1.5 1.5 0 006.5 10v4A1.5 1.5 0 008 15.5h8a1.5 1.5 0 001.5-1.5v-4A1.5 1.5 0 0016 8.5z" stroke="white" strokeWidth="1.2" fill="none" />
      <path d="M17.5 10.5l2.5-1.5v6l-2.5-1.5" stroke="white" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function MicrosoftTeamsIcon({ size = 24, className }: IconProps) {
  return (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
      <rect width="24" height="24" rx="6" fill="#5059C9" />
      <circle cx="15" cy="8" r="2" fill="white" fillOpacity="0.9" />
      <path d="M18.5 11h-4a1 1 0 00-1 1v4a1 1 0 001 1h4a1 1 0 001-1v-4a1 1 0 00-1-1z" fill="white" fillOpacity="0.5" />
      <circle cx="10" cy="7.5" r="2.5" fill="white" />
      <path d="M14 12H6a1 1 0 00-1 1v4a1 1 0 001 1h8a1 1 0 001-1v-4a1 1 0 00-1-1z" fill="white" />
    </svg>
  );
}

export function ZoomIcon({ size = 24, className }: IconProps) {
  return (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
      <rect width="24" height="24" rx="6" fill="#2D8CFF" />
      <rect x="5" y="8.5" width="9" height="7" rx="1.5" fill="white" />
      <path d="M14 11.2l4-2.2v5.8l-4-2.2v-1.4z" fill="white" />
    </svg>
  );
}

export function JitsiIcon({ size = 24, className }: IconProps) {
  return (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
      <rect width="24" height="24" rx="6" fill="#97BEF4" />
      <path d="M12 5C8.13 5 5 8.13 5 12s3.13 7 7 7 7-3.13 7-7-3.13-7-7-7z" fill="#1D76BA" />
      <path d="M12 8v5l3 3" stroke="white" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" />
      <circle cx="12" cy="8" r="1" fill="white" />
    </svg>
  );
}
