// Minimal stroke icon set
const Icon = {
  arrow: (p = {}) => (
    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" {...p}>
      <path d="M3 11L11 3M11 3H4.5M11 3V9.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  arrowR: (p = {}) => (
    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" {...p}>
      <path d="M3 7H11M11 7L7 3M11 7L7 11" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  plus: (p = {}) => (
    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" {...p}>
      <path d="M6 1.5V10.5M1.5 6H10.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
    </svg>
  ),
  check: (p = {}) => (
    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" {...p}>
      <path d="M2.5 6.5L5 9L9.5 3.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  dot: (p = {}) => (
    <svg width="8" height="8" viewBox="0 0 8 8" fill="none" {...p}>
      <circle cx="4" cy="4" r="3" fill="currentColor"/>
    </svg>
  ),
  atom: (p = {}) => (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" {...p}>
      <circle cx="10" cy="10" r="1.6" fill="currentColor"/>
      <ellipse cx="10" cy="10" rx="8" ry="3.2" stroke="currentColor" strokeWidth="1.2"/>
      <ellipse cx="10" cy="10" rx="8" ry="3.2" stroke="currentColor" strokeWidth="1.2" transform="rotate(60 10 10)"/>
      <ellipse cx="10" cy="10" rx="8" ry="3.2" stroke="currentColor" strokeWidth="1.2" transform="rotate(120 10 10)"/>
    </svg>
  ),
};
window.Icon = Icon;