/* Minimal line-icon set — all 14px, stroke-based */
const I = ({ children, size = 14 }) => (
  <svg width={size} height={size} viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round">
    {children}
  </svg>
);

const Icon = {
  Cursor: () => <I><path d="M3 2l10 4.5-4 1.5-1.5 4-4.5-10z"/></I>,
  Undo: () => <I><path d="M4 7h6a3 3 0 013 3v1"/><path d="M6 4L3 7l3 3"/></I>,
  Redo: () => <I><path d="M12 7H6a3 3 0 00-3 3v1"/><path d="M10 4l3 3-3 3"/></I>,
  Cut: () => <I><circle cx="4.5" cy="12.5" r="2"/><circle cx="11.5" cy="12.5" r="2"/><path d="M6 11l6-8"/><path d="M10 11L4 3"/></I>,
  Split: () => <I><path d="M8 1v14" strokeDasharray="2 2"/><path d="M3 5l3-3"/><path d="M13 5l-3-3"/></I>,
  Trim: () => <I><path d="M2 5v6"/><path d="M14 5v6"/><path d="M2 8h12"/></I>,
  Delete: () => <I><path d="M3 4h10"/><path d="M5 4V2h6v2"/><path d="M4 4l1 10h6l1-10"/></I>,
  Rect: () => <I><rect x="2" y="3" width="12" height="10" rx="1"/></I>,
  Mask: () => <I><circle cx="6" cy="8" r="4"/><circle cx="10" cy="8" r="4"/></I>,
  Crop: () => <I><path d="M4 1v11h11"/><path d="M1 4h11v11"/></I>,
  Flip: () => <I><path d="M8 2v12"/><path d="M3 5l3 3-3 3"/><path d="M13 5l-3 3 3 3" strokeOpacity="0.4"/></I>,
  Text: () => <I><path d="M3 3h10"/><path d="M8 3v10"/></I>,
  Play: () => <I><path d="M4 2l9 6-9 6z" fill="currentColor" stroke="none"/></I>,
  Pause: () => <I><rect x="4" y="2" width="2.5" height="12" fill="currentColor" stroke="none"/><rect x="9.5" y="2" width="2.5" height="12" fill="currentColor" stroke="none"/></I>,
  SkipBack: () => <I><path d="M4 2v12"/><path d="M13 2l-7 6 7 6z" fill="currentColor"/></I>,
  SkipFwd: () => <I><path d="M12 2v12"/><path d="M3 2l7 6-7 6z" fill="currentColor"/></I>,
  Sparkle: () => <I><path d="M8 1v3M8 12v3M1 8h3M12 8h3M3 3l2 2M11 11l2 2M13 3l-2 2M5 11l-2 2"/></I>,
  Close: () => <I><path d="M3 3l10 10M13 3L3 13"/></I>,
  Chevron: () => <I size={10}><path d="M3 5l3 3 3-3"/></I>,
  Send: () => <I><path d="M2 8l12-6-5 14-2-6-5-2z"/></I>,
  Lock: () => <I><rect x="3" y="7" width="10" height="7" rx="1"/><path d="M5 7V5a3 3 0 016 0v2"/></I>,
  Eye: () => <I><path d="M1 8s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5z"/><circle cx="8" cy="8" r="2"/></I>,
  Volume: () => <I><path d="M3 6h2l3-3v10l-3-3H3z"/><path d="M11 5a4 4 0 010 6"/></I>,
  Music: () => <I><path d="M6 12a2 2 0 110-4 2 2 0 010 4z"/><path d="M6 10V2l7-1v9"/><path d="M13 11a2 2 0 110-4 2 2 0 010 4z"/></I>,
  Image: () => <I><rect x="2" y="3" width="12" height="10" rx="1"/><circle cx="5.5" cy="6.5" r="1"/><path d="M14 10l-3-3-6 6"/></I>,
  Video: () => <I><rect x="2" y="4" width="9" height="8" rx="1"/><path d="M11 7l3-2v6l-3-2z"/></I>,
};

window.Icon = Icon;
