/* Icons.jsx — Lucide-style inline SVG components for Delto Web */

const Icon = ({ path, size = 20, stroke = 1.75, fill = 'none' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke="currentColor" strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
    {path}
  </svg>
);

// Navigation
const IconChevron = (p) => <Icon {...p} path={<polyline points="6 9 12 15 18 9" />} />;
const IconArrowRight = (p) => <Icon {...p} path={<><line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" /></>} />;
const IconPlay = (p) => <Icon {...p} fill="currentColor" stroke="none" path={<polygon points="6 3 20 12 6 21 6 3" />} />;

// Product icons
const IconStudio = (p) => <Icon {...p} path={<><rect x="3" y="3" width="7" height="7" rx="1" /><rect x="14" y="3" width="7" height="7" rx="1" /><rect x="3" y="14" width="7" height="7" rx="1" /><rect x="14" y="14" width="7" height="7" rx="1" /><line x1="10" y1="6.5" x2="14" y2="6.5" /><line x1="10" y1="17.5" x2="14" y2="17.5" /><line x1="6.5" y1="10" x2="6.5" y2="14" /><line x1="17.5" y1="10" x2="17.5" y2="14" /></>} />;
const IconEngage = (p) => <Icon {...p} path={<><path d="M3 20l1.3-3.9A9 9 0 1 1 7.1 19.7L3 20z" /><path d="M8 12h.01M12 12h.01M16 12h.01" /></>} />;
const IconAnalytics = (p) => <Icon {...p} path={<><line x1="18" y1="20" x2="18" y2="10" /><line x1="12" y1="20" x2="12" y2="4" /><line x1="6" y1="20" x2="6" y2="14" /></>} />;
const IconFeedback = (p) => <Icon {...p} path={<><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" /><polyline points="9 11 11 13 15 9" /></>} />;
const IconLoop = (p) => <Icon {...p} path={<><circle cx="9" cy="7" r="3" /><circle cx="17" cy="17" r="3" /><path d="M12 10v4" /><path d="M9 13h6" /></>} />;
const IconAuth = (p) => <Icon {...p} path={<><rect x="3" y="11" width="18" height="10" rx="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></>} />;

// Feature icons
const IconShield = (p) => <Icon {...p} path={<><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" /><polyline points="9 12 11 14 15 10" /></>} />;
const IconZap = (p) => <Icon {...p} path={<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />} />;
const IconWhatsapp = (p) => <Icon {...p} path={<><path d="M17.5 14.4c-.3-.1-1.7-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-1 1.2-.2.2-.4.2-.7.1-.3-.1-1.2-.4-2.3-1.4-.9-.8-1.4-1.8-1.6-2.1-.2-.3 0-.5.1-.6.1-.1.3-.3.4-.5.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5 0-.1-.7-1.7-1-2.3-.2-.6-.5-.5-.7-.5-.2 0-.4 0-.6 0-.2 0-.5.1-.8.4-.3.3-1.1 1.1-1.1 2.6 0 1.6 1.2 3.1 1.3 3.3.2.3 2.3 3.6 5.7 5 .8.3 1.4.5 1.9.7.8.2 1.5.2 2.1.1.6-.1 1.7-.7 2-1.4.3-.7.3-1.2.2-1.4-.1-.2-.3-.2-.5-.3z" /><path d="M12 21c-1.5 0-3-.4-4.3-1.1L3 21l1.2-4.5C3.4 15.1 3 13.6 3 12c0-5 4-9 9-9s9 4 9 9-4 9-9 9z" /></>} />;
const IconFlow = (p) => <Icon {...p} path={<><circle cx="6" cy="6" r="3" /><circle cx="18" cy="6" r="3" /><circle cx="12" cy="18" r="3" /><path d="M6 9v3a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9" /></>} />;
const IconBrain = (p) => <Icon {...p} path={<><path d="M12 5a3 3 0 1 0-5.9 0A3 3 0 0 0 3 8a3 3 0 0 0 0 6 3 3 0 0 0 3 3 3 3 0 0 0 6 0V5z" /><path d="M12 5a3 3 0 1 1 5.9 0A3 3 0 0 1 21 8a3 3 0 0 1 0 6 3 3 0 0 1-3 3 3 3 0 0 1-6 0V5z" /></>} />;
const IconClock = (p) => <Icon {...p} path={<><circle cx="12" cy="12" r="10" /><polyline points="12 6 12 12 16 14" /></>} />;
const IconCheck = (p) => <Icon {...p} path={<polyline points="20 6 9 17 4 12" />} />;
const IconX = (p) => <Icon {...p} path={<><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></>} />;
const IconSparkles = (p) => <Icon {...p} path={<><path d="M12 3l1.9 5.8L19.5 10l-5.6 1.9L12 17l-1.9-5.1L4.5 10l5.6-1.2z" /><path d="M19 2v3M20.5 3.5h-3" /></>} />;
const IconUsers = (p) => <Icon {...p} path={<><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /><circle cx="9" cy="7" r="4" /><path d="M23 21v-2a4 4 0 0 0-3-3.87" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /></>} />;
const IconBank = (p) => <Icon {...p} path={<><polygon points="3 10 12 3 21 10 21 11 3 11 3 10" /><line x1="6" y1="11" x2="6" y2="18" /><line x1="10" y1="11" x2="10" y2="18" /><line x1="14" y1="11" x2="14" y2="18" /><line x1="18" y1="11" x2="18" y2="18" /><line x1="3" y1="21" x2="21" y2="21" /></>} />;
const IconGlobe = (p) => <Icon {...p} path={<><circle cx="12" cy="12" r="10" /><line x1="2" y1="12" x2="22" y2="12" /><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" /></>} />;
const IconCode = (p) => <Icon {...p} path={<><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></>} />;
const IconLock = (p) => <Icon {...p} path={<><rect x="3" y="11" width="18" height="10" rx="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></>} />;
// Agent icons
const IconCoin = (p) => <Icon {...p} path={<><circle cx="12" cy="12" r="9" /><path d="M12 7v10M9.5 9.5h4a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 0 0 3h4" /></>} />;
const IconHeadphones = (p) => <Icon {...p} path={<><path d="M3 18v-6a9 9 0 0 1 18 0v6" /><path d="M21 19a2 2 0 0 1-2 2h-1v-6h3zM3 19a2 2 0 0 0 2 2h1v-6H3z" /></>} />;
const IconCreditCard = (p) => <Icon {...p} path={<><rect x="2" y="5" width="20" height="14" rx="2" /><line x1="2" y1="10" x2="22" y2="10" /><line x1="6" y1="15" x2="10" y2="15" /></>} />;
const IconBriefcase = (p) => <Icon {...p} path={<><rect x="2" y="7" width="20" height="14" rx="2" /><path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /><line x1="2" y1="13" x2="22" y2="13" /></>} />;

const IconLinkedin = (p) => <Icon {...p} fill="currentColor" stroke="none" path={<path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM8.3 18.3H5.7V9.7h2.6v8.6zM7 8.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm11.3 9.8h-2.6v-4.2c0-1-.4-1.7-1.3-1.7-.7 0-1.1.5-1.3 1-.1.2-.1.4-.1.7v4.2H10.4s0-6.9 0-7.6V9.7h2.6V11c.3-.5 1-1.3 2.4-1.3 1.7 0 3 1.1 3 3.5v5.1z" />} />;
const IconTwitter = (p) => <Icon {...p} fill="currentColor" stroke="none" path={<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />} />;
const IconYoutube = (p) => <Icon {...p} fill="currentColor" stroke="none" path={<path d="M23 12s0-3.6-.5-5.3c-.2-1-1-1.7-2-2C18.8 4.2 12 4.2 12 4.2s-6.8 0-8.5.5c-1 .3-1.8 1-2 2C1 8.4 1 12 1 12s0 3.6.5 5.3c.2 1 1 1.7 2 2 1.7.5 8.5.5 8.5.5s6.8 0 8.5-.5c1-.3 1.8-1 2-2 .5-1.7.5-5.3.5-5.3zM9.8 15.3V8.7l5.7 3.3-5.7 3.3z" />} />;
const IconInstagram = (p) => <Icon {...p} path={<><rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><line x1="17.5" y1="6.5" x2="17.5" y2="6.5" strokeLinecap="round" strokeWidth="3"/></>} />;

Object.assign(window, {
  IconChevron, IconArrowRight, IconPlay,
  IconStudio, IconEngage, IconAnalytics, IconFeedback, IconLoop, IconAuth,
  IconShield, IconZap, IconWhatsapp, IconFlow, IconBrain, IconClock,
  IconCheck, IconX, IconSparkles, IconUsers, IconBank, IconGlobe, IconCode, IconLock,
  IconCoin, IconHeadphones, IconCreditCard, IconBriefcase,
  IconLinkedin, IconTwitter, IconYoutube, IconInstagram,
});
