// Social and utility icons — pure SVG, currentColor

const Icon = {
  Instagram: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <rect x="3" y="3" width="18" height="18" rx="5" />
      <circle cx="12" cy="12" r="4" />
      <circle cx="17.5" cy="6.5" r="0.9" fill="currentColor" stroke="none" />
    </svg>
  ),
  Facebook: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M14 9h2.5V5.5h-2.5c-1.93 0-3.5 1.57-3.5 3.5v2H8v3.5h2.5V21h3.5v-6.5h2.5L17 11h-3V9.5c0-.28.22-.5.5-.5z" fill="currentColor" stroke="none" />
    </svg>
  ),
  YouTube: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round">
      <path d="M22 8.5c0-1.4-1.1-2.5-2.5-2.5C17.5 5.7 12 5.7 12 5.7s-5.5 0-7.5.3C3.1 6 2 7.1 2 8.5 1.7 10 1.7 12 1.7 12s0 2 .3 3.5c0 1.4 1.1 2.5 2.5 2.5 2 .3 7.5.3 7.5.3s5.5 0 7.5-.3c1.4 0 2.5-1.1 2.5-2.5.3-1.5.3-3.5.3-3.5s0-2-.3-3.5z" />
      <path d="M10 15V9l5 3-5 3z" fill="currentColor" stroke="none" />
    </svg>
  ),
  TikTok: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M14 3v11.2a3 3 0 1 1-3-3" />
      <path d="M14 3c.4 2.5 2.2 4.4 4.7 4.8" />
    </svg>
  ),
  Kwai: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 700 700" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
      <g transform="translate(50,-30)">
        <path d="M444.78,146.64c-33.53,0-64.04,13.01-86.83,34.23-25.49-45.62-74.08-76.44-129.83-76.44-82.16,0-148.78,66.84-148.78,149.34s66.62,149.34,148.73,149.34c45.44,0,86.13-20.47,113.41-52.73,23.22,31.96,60.81,52.73,103.24,52.73,70.55,0,127.73-57.41,127.73-128.21s-57.19-128.21-127.73-128.21l.04-.04ZM228.12,343c-49.11,0-88.92-39.99-88.92-89.27s39.81-89.27,88.92-89.27,88.92,39.99,88.92,89.27-39.81,89.27-88.92,89.27ZM444.78,343c-37.5,0-67.93-30.51-67.93-68.19s30.38-68.19,67.93-68.19,67.93,30.51,67.93,68.19-30.38,68.19-67.93,68.19Z"/>
        <path d="M462.54,429.04h-161.7c-49.02,0-90.54,32.22-104.73,76.74l-95.91-48.72c-7.46-3.8-15.72-5.76-24.1-5.76-29.47,0-53.35,23.97-53.35,53.56v157.2c0,8.34,1.92,16.55,5.68,24.01,13.18,26.45,45.27,37.15,71.59,23.88l96.35-48.5c14.41,44.13,55.7,76,104.47,76h161.7c60.72,0,109.97-49.42,109.97-110.36v-87.66c0-60.94-49.24-110.36-109.97-110.36v-.04ZM100.25,646.36c-7.23,3.51-15.94.49-19.45-6.74-.97-2-1.47-4.19-1.46-6.4v-98.83c.12-7.94,6.59-14.32,14.54-14.32,2.27,0,4.5.52,6.55,1.57l90.5,45.62v32.74l-90.41,46.27-.26.13v-.04ZM515.93,625.45v.92c-.48,30.08-24.93,54.26-54.96,54.26h-159.38c-29.95-.48-54.04-25.01-54.04-55.18v-85.3c.48-30.08,24.93-54.26,54.96-54.26h159.38c29.95.48,54.04,25.01,54.04,55.18v84.38Z"/>
      </g>
    </svg>
  ),
  LinkedIn: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <rect x="3" y="3" width="18" height="18" rx="2" />
      <line x1="8" y1="10" x2="8" y2="17" />
      <circle cx="8" cy="7" r="0.9" fill="currentColor" stroke="none" />
      <path d="M12 17v-4a2 2 0 0 1 4 0v4" />
      <line x1="12" y1="10" x2="12" y2="17" />
    </svg>
  ),
  WhatsApp: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor">
      <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.71.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" />
    </svg>
  ),
  Globe: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <circle cx="12" cy="12" r="9" />
      <ellipse cx="12" cy="12" rx="4" ry="9" />
      <line x1="3" y1="12" x2="21" y2="12" />
    </svg>
  ),
  Play: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <circle cx="12" cy="12" r="9" />
      <path d="M10 8.5l5 3.5-5 3.5z" fill="currentColor" stroke="currentColor" />
    </svg>
  ),
  Article: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M5 4h11l3 3v13H5z" />
      <line x1="8" y1="10" x2="16" y2="10" />
      <line x1="8" y1="13" x2="16" y2="13" />
      <line x1="8" y1="16" x2="13" y2="16" />
    </svg>
  ),
  ArrowUpRight: ({ size = 18 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <line x1="7" y1="17" x2="17" y2="7" />
      <polyline points="9 7 17 7 17 15" />
    </svg>
  ),
  MapPin: ({ size = 14 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M12 21s7-6.5 7-12a7 7 0 1 0-14 0c0 5.5 7 12 7 12z" />
      <circle cx="12" cy="9" r="2.5" />
    </svg>
  ),
  Phone: ({ size = 14 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z" />
    </svg>
  ),
  Check: ({ size = 14 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
      <polyline points="5 12 10 17 19 7" />
    </svg>
  ),
  Copy: ({ size = 14 }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <rect x="9" y="9" width="11" height="11" rx="1.5" />
      <path d="M5 15V5a1 1 0 0 1 1-1h10" />
    </svg>
  ),
};

window.Icon = Icon;
