// Inline icon set — small, consistent, stroke-based
// All icons render at 1em and inherit color via currentColor.

const Icon = ({ children, size = 22, strokeWidth = 2, fill = "none", style }) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size} height={size}
    viewBox="0 0 24 24"
    fill={fill}
    stroke="currentColor"
    strokeWidth={strokeWidth}
    strokeLinecap="round"
    strokeLinejoin="round"
    style={style}
  >
    {children}
  </svg>
);

const BrandMark = ({ size = 40 }) => (
  <img
    src="/bounce_logo.png"
    alt="Bounce Padel"
    width={size}
    height={size}
    style={{ display: "block", objectFit: "contain" }}
  />
);

const Calendar = (p) => <Icon {...p}><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v4M16 3v4"/></Icon>;
const Racket   = (p) => <Icon {...p}><circle cx="10" cy="10" r="7"/><path d="M15 15l5 5"/><path d="M7 7l6 6M10 6l4 4M6 10l4 4"/></Icon>;
const Users    = (p) => <Icon {...p}><circle cx="9" cy="8" r="3.5"/><circle cx="17" cy="9" r="2.5"/><path d="M3 20c0-3 3-5 6-5s6 2 6 5M15 20c0-2 2-4 4-4s2 1.5 2.5 3"/></Icon>;
const Star     = (p) => <Icon {...p}><path d="M12 3l2.7 5.7 6.3.9-4.6 4.4 1.1 6.3L12 17.3 6.5 20.3l1.1-6.3L3 9.6l6.3-.9L12 3z"/></Icon>;
const Crown    = (p) => <Icon {...p}><path d="M3 18h18M4 8l4 4 4-7 4 7 4-4-2 10H6L4 8z"/></Icon>;
const Pin      = (p) => <Icon {...p}><path d="M12 22s7-7 7-13a7 7 0 1 0-14 0c0 6 7 13 7 13z"/><circle cx="12" cy="9" r="2.5"/></Icon>;
const Clock    = (p) => <Icon {...p}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></Icon>;
const Court    = (p) => <Icon {...p}><rect x="3" y="6" width="18" height="12" rx="1.5"/><path d="M3 12h18M9 6v12M15 6v12"/></Icon>;
const Mail     = (p) => <Icon {...p}><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 7 9-7"/></Icon>;
const Heart    = (p) => <Icon {...p}><path d="M12 21s-8-5-8-11a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6-8 11-8 11h-2z"/></Icon>;
const Smile    = (p) => <Icon {...p}><circle cx="12" cy="12" r="9"/><path d="M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01"/></Icon>;
const Quote    = (p) => <Icon {...p}><path d="M7 7v4a4 4 0 0 1-4 4M17 7v4a4 4 0 0 1-4 4"/></Icon>;
const Bag      = (p) => <Icon {...p}><path d="M5 8h14l-1 12H6L5 8z"/><path d="M8 8a4 4 0 0 1 8 0"/></Icon>;
const Shirt    = (p) => <Icon {...p}><path d="M4 7l4-3 4 2 4-2 4 3-3 3v10H7V10L4 7z"/></Icon>;
const Bottle   = (p) => <Icon {...p}><path d="M9 2h6M10 2v3a3 3 0 0 0-3 3v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V8a3 3 0 0 0-3-3V2"/><path d="M7 11h10"/></Icon>;
const Ball     = (p) => <Icon {...p}><circle cx="12" cy="12" r="9"/><path d="M3 12c4 0 6-3 6-9M21 12c-4 0-6 3-6 9M3 12c4 0 6 3 6 9M21 12c-4 0-6-3-6-9"/></Icon>;
const Shield   = (p) => <Icon {...p}><path d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6l8-3z"/><path d="M9 12l2 2 4-4"/></Icon>;
const Truck    = (p) => <Icon {...p}><path d="M3 7h11v9H3z"/><path d="M14 10h4l3 3v3h-7"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></Icon>;
const Refresh  = (p) => <Icon {...p}><path d="M4 12a8 8 0 0 1 14-5l3-3M4 12v-6"/><path d="M20 12a8 8 0 0 1-14 5l-3 3M20 12v6"/></Icon>;
const Lock     = (p) => <Icon {...p}><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></Icon>;
const Lightbulb = (p) => <Icon {...p}><path d="M9 18h6M10 22h4M12 2a6 6 0 0 0-4 10c1 1 1.5 2 1.5 4h5c0-2 .5-3 1.5-4A6 6 0 0 0 12 2z"/></Icon>;
const Brick    = (p) => <Icon {...p}><rect x="3" y="6" width="18" height="12" rx="1"/><path d="M3 12h18M9 6v6M15 12v6"/></Icon>;
const Cake     = (p) => <Icon {...p}><path d="M3 21h18M5 21v-7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v7"/><path d="M5 16c2 1 4-1 7 0s5-1 7 0"/><path d="M12 4v4M12 4l-1.5 1M12 4l1.5 1"/></Icon>;
const Briefcase= (p) => <Icon {...p}><rect x="3" y="7" width="18" height="13" rx="2"/><path d="M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 13h18"/></Icon>;
const Trophy   = (p) => <Icon {...p}><path d="M7 4h10v4a5 5 0 0 1-10 0V4z"/><path d="M5 5H3v2a3 3 0 0 0 4 3M19 5h2v2a3 3 0 0 1-4 3M9 16h6M10 20h4M12 13v3"/></Icon>;
const Cap      = (p) => <Icon {...p}><path d="M3 16h18M3 16a8 8 0 0 1 8-8h2a8 8 0 0 1 8 8M11 8V4M11 4h6v4"/></Icon>;
const Speaker  = (p) => <Icon {...p}><path d="M5 9v6h4l5 4V5L9 9H5z"/><path d="M17 8c1 1 1.5 2.5 1.5 4S18 15 17 16M19.5 6c1.5 1.5 2 3.5 2 6s-.5 4.5-2 6"/></Icon>;
const ChevL    = (p) => <Icon {...p}><path d="M15 6l-6 6 6 6"/></Icon>;
const ChevR    = (p) => <Icon {...p}><path d="M9 6l6 6-6 6"/></Icon>;
const ChevDown = (p) => <Icon {...p}><path d="M6 9l6 6 6-6"/></Icon>;
const Arrow    = (p) => <Icon {...p}><path d="M5 12h14M13 6l6 6-6 6"/></Icon>;
const Check    = (p) => <Icon {...p}><circle cx="12" cy="12" r="9" fill="#0A2A2A" stroke="#C5E847"/><path d="M8 12l3 3 5-6" stroke="#C5E847"/></Icon>;
const Pct      = (p) => <Icon {...p}><circle cx="7" cy="7" r="3"/><circle cx="17" cy="17" r="3"/><path d="M5 19L19 5"/></Icon>;
const Gift     = (p) => <Icon {...p}><rect x="3" y="9" width="18" height="11" rx="1.5"/><path d="M3 13h18M12 9v11M8 9c-2 0-3-3 0-4s4 4 4 4-2-1-4 0zM16 9c2 0 3-3 0-4s-4 4-4 4 2-1 4 0z"/></Icon>;
const Utensil  = (p) => <Icon {...p}><path d="M5 3v8a3 3 0 0 0 6 0V3M8 3v18M16 3c-2 1-3 3-3 6s1 4 3 4v8"/></Icon>;
const Moon     = (p) => <Icon {...p}><path d="M21 13a9 9 0 1 1-10-10 7 7 0 0 0 10 10z"/></Icon>;
const Cap2     = (p) => <Icon {...p}><path d="M3 10l9-5 9 5-9 5-9-5z"/><path d="M7 12v4c0 1 2 3 5 3s5-2 5-3v-4M21 10v6"/></Icon>;
const Target   = (p) => <Icon {...p}><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.5" fill="currentColor"/></Icon>;
const TrendUp  = (p) => <Icon {...p}><path d="M3 17l6-6 4 4 8-8"/><path d="M14 7h7v7"/></Icon>;
const Send     = (p) => <Icon {...p}><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/></Icon>;
const Instagram = (p) => <Icon {...p}><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.8" fill="currentColor"/></Icon>;
const Facebook  = (p) => <Icon {...p}><path d="M14 4h-2a3 3 0 0 0-3 3v3H6v3h3v8h3v-8h3l1-3h-4V8a1 1 0 0 1 1-1h2V4z"/></Icon>;
const Whatsapp  = (p) => <Icon {...p}><path d="M3 21l1.7-5A8 8 0 1 1 9 19l-6 2z"/><path d="M9 10c.3 1.5 1.5 3 3 4 1 .6 2-.5 2.5-1l2 1.2c-.5 1.4-2 2-3.5 1.5-3-1-5-3-6-6-.5-1.5.1-3 1.5-3.5L9.7 7.5c-.5.5-1.6 1.5-1 2.5z"/></Icon>;
const Menu     = (p) => <Icon {...p}><path d="M4 7h16M4 12h16M4 17h16"/></Icon>;
const Message  = (p) => <Icon {...p}><path d="M4 5h16v12H7l-3 3V5z"/></Icon>;
const Award    = (p) => <Icon {...p}><circle cx="12" cy="9" r="6"/><path d="M8 14l-2 7 6-3 6 3-2-7"/></Icon>;
const Globe    = (p) => <Icon {...p}><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z"/></Icon>;
const Play     = (p) => <Icon {...p}><path d="M8 5l12 7-12 7V5z" fill="currentColor"/></Icon>;
const Download = (p) => <Icon {...p}><path d="M12 4v12M6 12l6 6 6-6M4 20h16"/></Icon>;
const AppleIcon= (p) => <Icon {...p} fill="currentColor"><path d="M16 2c-1 .5-2.5 1.5-3 3 1 0 2.5-1 3-3zm3 17c-1 2-2 3-3.5 3-1 0-2-.5-3-.5s-2 .5-3 .5c-1.5 0-3-1-4-3-2-3.5-1.5-9 1.5-10.5 1-.5 2 0 3 0s2-.5 3-.5c1.5 0 3 1 4 2.5-3 2-2.5 5.5 2 8z" stroke="none"/></Icon>;
const PlayStore= (p) => <Icon {...p}><path d="M5 3l13 9-13 9V3z" fill="currentColor" stroke="none"/><path d="M5 3l9 9-9 9M5 3l13 9-13 9" stroke="rgba(255,255,255,0.3)"/></Icon>;
const X        = (p) => <Icon {...p}><path d="M6 6l12 12M18 6L6 18"/></Icon>;
const Plus     = (p) => <Icon {...p}><path d="M12 5v14M5 12h14"/></Icon>;
const Chart    = (p) => <Icon {...p}><path d="M3 20h18M6 20V10M10 20V6M14 20v-7M18 20v-4"/></Icon>;
const Building = (p) => <Icon {...p}><rect x="4" y="3" width="16" height="18" rx="1"/><path d="M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10 21v-3h4v3"/></Icon>;
const Phone    = (p) => <Icon {...p}><path d="M5 4h4l2 5-3 2c1 2.5 3 4.5 5.5 5.5l2-3 5 2v4a2 2 0 0 1-2 2C9 21 3 15 3 6a2 2 0 0 1 2-2z"/></Icon>;
const Camera   = (p) => <Icon {...p}><rect x="3" y="7" width="18" height="13" rx="2"/><path d="M8 7l2-3h4l2 3"/><circle cx="12" cy="13" r="4"/></Icon>;
const Ext      = (p) => <Icon {...p}><path d="M14 4h6v6M20 4l-9 9M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4"/></Icon>;
const Hand     = (p) => <Icon {...p}><path d="M10 12V5a1.5 1.5 0 1 1 3 0v6"/><path d="M13 11V4a1.5 1.5 0 1 1 3 0v7"/><path d="M16 11V6a1.5 1.5 0 1 1 3 0v8"/><path d="M10 8a1.5 1.5 0 1 0-3 0v6c0 4 3 7 7 7s7-3 7-7"/></Icon>;
const Coin     = (p) => <Icon {...p}><circle cx="12" cy="12" r="9"/><path d="M12 7v10M9 9h4a2 2 0 1 1 0 4h-2a2 2 0 1 0 0 4h5"/></Icon>;
const Minus    = (p) => <Icon {...p}><path d="M5 12h14"/></Icon>;
const Volume   = (p) => <Icon {...p}><path d="M4 10v4h3l4 3V7L7 10H4z"/><path d="M15 9.5a3.5 3.5 0 0 1 0 5M18 7a7 7 0 0 1 0 10"/></Icon>;
const Mute     = (p) => <Icon {...p}><path d="M4 10v4h3l4 3V7L7 10H4z"/><path d="M15 10l5 4M20 10l-5 4"/></Icon>;
const Pause    = (p) => <Icon {...p}><rect x="6" y="5" width="4" height="14" fill="currentColor"/><rect x="14" y="5" width="4" height="14" fill="currentColor"/></Icon>;

window.Icons = {
  BrandMark,
  Calendar, Racket, Users, Star, Crown, Pin, Clock, Court, Mail,
  Heart, Smile, Quote, Bag, Shirt, Bottle, Ball, Shield, Truck,
  Refresh, Lock, Lightbulb, Brick, Cake, Briefcase, Trophy, Cap,
  Speaker, ChevL, ChevR, ChevDown, Arrow, Check, Pct, Gift,
  Utensil, Moon, Cap2, Target, TrendUp, Send,
  Instagram, Facebook, Whatsapp, Menu, Message, Award, Globe,
  Play, Download, AppleIcon, PlayStore, X, Plus, Chart, Building,
  Phone, Camera, Ext, Hand, Coin, Pause, Minus, Volume, Mute,
};
