/* eslint-disable */
// Icons + the MyResumeStudio logo mark (cursor-page).

const Icon = ({ d, size = 20, stroke = "currentColor", sw = 1.8, fill = "none" }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke={stroke} strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round" style={{ display: "block", flexShrink: 0 }}>
    {d}
  </svg>
);

const LI = {
  arrowRight:  <Icon d={<><line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" /></>} />,
  arrowDown:   <Icon d={<><line x1="12" y1="5" x2="12" y2="19" /><polyline points="5 12 12 19 19 12" /></>} />,
  check:       <Icon d={<polyline points="20 6 9 17 4 12" />} />,
  sparkle:     <Icon d={<><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M5.6 18.4l2.8-2.8M15.6 8.4l2.8-2.8" /></>} />,
  play:        <Icon d={<polygon points="6 4 20 12 6 20 6 4" />} fill="currentColor" sw={0} />,
  doc:         <Icon d={<><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /><polyline points="14 2 14 8 20 8" /></>} />,
  target:      <Icon d={<><circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="5" /><circle cx="12" cy="12" r="1.6" fill="currentColor" /></>} />,
  bookOpen:    <Icon d={<><path d="M2 4h7a3 3 0 0 1 3 3v13" /><path d="M22 4h-7a3 3 0 0 0-3 3v13" /></>} />,
  mic:         <Icon d={<><rect x="9" y="3" width="6" height="12" rx="3" /><path d="M5 11a7 7 0 0 0 14 0" /><line x1="12" y1="18" x2="12" y2="22" /></>} />,
  bolt:        <Icon d={<polygon points="13 2 4 14 11 14 10 22 20 10 13 10 13 2" />} />,
  send:        <Icon d={<><line x1="22" y1="2" x2="11" y2="13" /><polygon points="22 2 15 22 11 13 2 9 22 2" /></>} />,
  briefcase:   <Icon d={<><rect x="2" y="7" width="20" height="14" rx="2" /><path d="M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2" /></>} />,
  chart:       <Icon d={<><line x1="4" y1="20" x2="4" y2="10" /><line x1="12" y1="20" x2="12" y2="4" /><line x1="20" y1="20" x2="20" y2="14" /></>} />,
  zap:         <Icon d={<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />} />,
  pen:         <Icon d={<><path d="M12 19l7-7 3 3-7 7-3-3z" /><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" /><circle cx="11" cy="11" r="2" /></>} />,
  star:        <Icon d={<polygon points="12 2 15.1 8.6 22 9.3 17 14.1 18.5 21 12 17.5 5.5 21 7 14.1 2 9.3 8.9 8.6 12 2" />} fill="currentColor" sw={0} />,
  starOutline: <Icon d={<polygon points="12 2 15.1 8.6 22 9.3 17 14.1 18.5 21 12 17.5 5.5 21 7 14.1 2 9.3 8.9 8.6 12 2" />} />,
  linkedin:    <Icon d={<><rect x="2" y="2" width="20" height="20" rx="3" /><path d="M7 10v7M7 7v.01M11 17v-4a2 2 0 0 1 4 0v4M11 13v4" /></>} />,
  globe:       <Icon d={<><circle cx="12" cy="12" r="9" /><line x1="3" y1="12" x2="21" y2="12" /><path d="M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" /></>} />,
  shield:      <Icon d={<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />} />,
  search:      <Icon d={<><circle cx="11" cy="11" r="7" /><line x1="21" y1="21" x2="16.5" y2="16.5" /></>} />,
  clock:       <Icon d={<><circle cx="12" cy="12" r="9" /><polyline points="12 7 12 12 15 14" /></>} />,
  filter:      <Icon d={<polygon points="22 3 2 3 10 12.5 10 19 14 21 14 12.5 22 3" />} />,
  layers:      <Icon d={<><polygon points="12 2 22 8 12 14 2 8 12 2" /><polyline points="2 16 12 22 22 16" /><polyline points="2 12 12 18 22 12" /></>} />,
  message:     <Icon d={<><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" /></>} />,
  graduation:  <Icon d={<><path d="M22 10L12 4 2 10l10 6 10-6z" /><path d="M6 12v5c0 1.5 3 3 6 3s6-1.5 6-3v-5" /></>} />,
  trendUp:     <Icon d={<><polyline points="3 17 9 11 13 15 21 7" /><polyline points="14 7 21 7 21 14" /></>} />,
  download:    <Icon d={<><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" y1="15" x2="12" y2="3" /></>} />,
  external:    <Icon d={<><path d="M15 3h6v6" /><path d="M10 14L21 3" /><path d="M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5" /></>} />,
  menu:        <Icon d={<><line x1="3" y1="6" x2="21" y2="6" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="18" x2="21" y2="18" /></>} />,
  close:       <Icon d={<><line x1="6" y1="6" x2="18" y2="18" /><line x1="18" y1="6" x2="6" y2="18" /></>} />,
  flag:        <Icon d={<><line x1="4" y1="22" x2="4" y2="3" /><path d="M4 3h13l-3 5 3 5H4" /></>} />,
};

// Stack + Mini Resume — the official MyResumeStudio mark from the app shell.
function StudioMark({ size = 28, color = "#5E5CE6", paper = "#fff" }) {
  return (
    <svg width={size} height={size} viewBox="10 10 76 76" style={{ display: "block", flexShrink: 0 }}>
      <rect x="14" y="24" width="44" height="56" rx="4" fill="none" stroke={color} strokeWidth="3" opacity="0.4" />
      <rect x="22" y="20" width="46" height="58" rx="4" fill={paper} stroke={color} strokeWidth="3" />
      <path d="M34 14h22l16 16v44a4 4 0 0 1-4 4H34a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4z" fill={color} />
      <path d="M56 14v12a4 4 0 0 0 4 4h12z" fill="rgba(255,255,255,0.28)" />
      <circle cx="44" cy="38" r="6.5" fill="#fff" />
      <circle cx="44" cy="36.5" r="2.6" fill={color} />
      <path d="M39 43 a5 5 0 0 1 10 0 Z" fill={color} />
      <rect x="54" y="34.5" width="12" height="2" rx="1" fill="#fff" opacity="0.6" />
      <rect x="54" y="39.5" width="9" height="2" rx="1" fill="#fff" opacity="0.6" />
      <rect x="38" y="52" width="28" height="2.4" rx="1.2" fill="#fff" opacity="0.6" />
      <rect x="38" y="58" width="22" height="2.4" rx="1.2" fill="#fff" opacity="0.6" />
      <rect x="38" y="64" width="26" height="2.4" rx="1.2" fill="#fff" opacity="0.6" />
    </svg>
  );
}

function Wordmark({ size = 18, color = "#0F1115", accent = "#5E5CE6" }) {
  return (
    <span style={{ fontSize: size, fontWeight: 600, letterSpacing: "-0.02em", color, lineHeight: 1 }}>
      MyResume<span style={{ color: accent }}>Studio</span>
    </span>
  );
}

Object.assign(window, { LI, Icon, StudioMark, Wordmark });
