// icons.jsx — minimal stroke-based icon set for Kinema

const Ic = ({ size = 22, stroke = 1.7, children, color = 'currentColor' }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
    stroke={color} strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round">
    {children}
  </svg>
);

const IconToday = (p) => <Ic {...p}>
  <path d="M3 12.5l3.5 -3 3 3 4 -5 3.5 3 4 -3.5"/>
  <circle cx="13.5" cy="7.5" r="1.4"/>
</Ic>;

const IconProgress = (p) => <Ic {...p}>
  <path d="M4 19h16"/>
  <path d="M7 19v-7"/>
  <path d="M12 19v-11"/>
  <path d="M17 19v-5"/>
</Ic>;

const IconLibrary = (p) => <Ic {...p}>
  <rect x="3" y="4" width="18" height="14" rx="2.5"/>
  <path d="M10 9l5 3 -5 3z" fill="currentColor" stroke="none"/>
</Ic>;

const IconCoach = (p) => <Ic {...p}>
  <path d="M4 6.5h16a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-9l-4 3v-3h-3a2 2 0 0 1 -2 -2v-7a2 2 0 0 1 2 -2z"/>
</Ic>;

const IconProfile = (p) => <Ic {...p}>
  <circle cx="12" cy="8.5" r="3.5"/>
  <path d="M5 20c1 -3.5 4 -5.5 7 -5.5s6 2 7 5.5"/>
</Ic>;

const IconCheck = (p) => <Ic {...p}>
  <path d="M5 12.5l4 4 10 -10"/>
</Ic>;

const IconPlay = (p) => <Ic {...p}>
  <path d="M7 5l13 7 -13 7z" fill="currentColor"/>
</Ic>;

const IconLock = (p) => <Ic {...p}>
  <rect x="5" y="11" width="14" height="9" rx="2"/>
  <path d="M8 11v-3a4 4 0 0 1 8 0v3"/>
</Ic>;

const IconFlame = (p) => <Ic {...p}>
  <path d="M12 3c2 4 5 5 5 9a5 5 0 0 1 -10 0c0 -2 1 -3 2 -4 0 2 1 3 2 3 0 -3 -1 -5 1 -8z"/>
</Ic>;

const IconChevron = (p) => <Ic {...p}>
  <path d="M9 6l6 6 -6 6"/>
</Ic>;

const IconChevronDown = (p) => <Ic {...p}>
  <path d="M6 9l6 6 6 -6"/>
</Ic>;

const IconClose = (p) => <Ic {...p}>
  <path d="M6 6l12 12 M18 6l-12 12"/>
</Ic>;

const IconPlus = (p) => <Ic {...p}>
  <path d="M12 5v14 M5 12h14"/>
</Ic>;

const IconCalendar = (p) => <Ic {...p}>
  <rect x="3.5" y="5" width="17" height="15" rx="2"/>
  <path d="M3.5 10h17 M8 3v4 M16 3v4"/>
</Ic>;

const IconVideo = (p) => <Ic {...p}>
  <rect x="3" y="6" width="13" height="12" rx="2"/>
  <path d="M16 10l5 -2v8l-5 -2z"/>
</Ic>;

const IconTimer = (p) => <Ic {...p}>
  <circle cx="12" cy="13" r="7.5"/>
  <path d="M12 9v4l3 2 M9 3h6"/>
</Ic>;

const IconFilter = (p) => <Ic {...p}>
  <path d="M3 6h18 M6 12h12 M10 18h4"/>
</Ic>;

const IconSearch = (p) => <Ic {...p}>
  <circle cx="11" cy="11" r="6.5"/>
  <path d="M16 16l4.5 4.5"/>
</Ic>;

const IconBolt = (p) => <Ic {...p}>
  <path d="M13 3l-7 11h5l-1 7 7 -11h-5z"/>
</Ic>;

const IconStar = (p) => <Ic {...p}>
  <path d="M12 4l2.5 5 5.5 0.7 -4 4 1 5.6 -5 -2.7 -5 2.7 1 -5.6 -4 -4 5.5 -0.7z"/>
</Ic>;

const IconHeart = (p) => <Ic {...p}>
  <path d="M12 20s-7 -4.5 -7 -10a4 4 0 0 1 7 -2.5a4 4 0 0 1 7 2.5c0 5.5 -7 10 -7 10z"/>
</Ic>;

const IconAnatomy = (p) => <Ic {...p}>
  <circle cx="12" cy="5.5" r="2"/>
  <path d="M12 7.5v5 M12 12.5l-3 8 M12 12.5l3 8 M9 9l-3 1 M15 9l3 1"/>
</Ic>;

const IconSpark = (p) => <Ic {...p}>
  <path d="M12 4v4 M12 16v4 M4 12h4 M16 12h4 M6.3 6.3l2.8 2.8 M14.9 14.9l2.8 2.8 M6.3 17.7l2.8 -2.8 M14.9 9.1l2.8 -2.8"/>
</Ic>;

const IconBack = (p) => <Ic {...p}>
  <path d="M15 6l-6 6 6 6"/>
</Ic>;

const IconMore = (p) => <Ic {...p}>
  <circle cx="6" cy="12" r="1.2" fill="currentColor"/>
  <circle cx="12" cy="12" r="1.2" fill="currentColor"/>
  <circle cx="18" cy="12" r="1.2" fill="currentColor"/>
</Ic>;

const IconSend = (p) => <Ic {...p}>
  <path d="M4 12l16 -8 -5 17 -3 -7 -8 -2z"/>
</Ic>;

const IconMic = (p) => <Ic {...p}>
  <rect x="9" y="3" width="6" height="11" rx="3"/>
  <path d="M5 12a7 7 0 0 0 14 0 M12 19v3"/>
</Ic>;

const IconSettings = (p) => <Ic {...p}>
  <circle cx="12" cy="12" r="3"/>
  <path d="M12 2v2.5 M12 19.5V22 M4.2 4.2l1.8 1.8 M18 18l1.8 1.8 M2 12h2.5 M19.5 12H22 M4.2 19.8l1.8-1.8 M18 6l1.8-1.8"/>
</Ic>;

const IconAdjust = (p) => <Ic {...p}>
  <path d="M5 6h7 M17 6h2 M5 12h2 M12 12h7 M5 18h11 M19 18h0.5"/>
  <circle cx="14.5" cy="6" r="2"/>
  <circle cx="9.5" cy="12" r="2"/>
  <circle cx="17.5" cy="18" r="2"/>
</Ic>;

Object.assign(window, {
  IconToday, IconProgress, IconLibrary, IconCoach, IconProfile, IconSettings,
  IconCheck, IconPlay, IconLock, IconFlame, IconChevron, IconChevronDown,
  IconClose, IconPlus, IconCalendar, IconVideo, IconTimer, IconFilter,
  IconSearch, IconBolt, IconStar, IconHeart, IconAnatomy, IconSpark,
  IconBack, IconMore, IconSend, IconMic, IconAdjust,
});