/**
 * ConfigPanel 전용 미니 SVG 아이콘 셋
 * - 시안 panel-input-new 의 I = {...} 그대로
 * - 본 프로젝트의 lucide-react 와 별개. 패널 안에서만 사용
 */
import React from "react";

export const CP_ICONS = {
  chevron: (
    <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round">
      <path d="M2 3.5l3 3 3-3" />
    </svg>
  ),
  plus: (
    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round">
      <path d="M5.5 2v7M2 5.5h7" />
    </svg>
  ),
  trash: (
    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M2 3h7M4 3V2h3v1M3 3l.5 6h4L8 3M4.5 5v3M6.5 5v3" />
    </svg>
  ),
  grip: (
    <svg width="9" height="13" viewBox="0 0 9 13" fill="currentColor">
      <circle cx="2" cy="2" r="1.1" />
      <circle cx="7" cy="2" r="1.1" />
      <circle cx="2" cy="6.5" r="1.1" />
      <circle cx="7" cy="6.5" r="1.1" />
      <circle cx="2" cy="11" r="1.1" />
      <circle cx="7" cy="11" r="1.1" />
    </svg>
  ),
  reset: (
    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round">
      <path d="M2 5.5a3.5 3.5 0 103.5-3.5M2 2v3.5h3.5" />
    </svg>
  ),
  help: (
    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round">
      <circle cx="5.5" cy="5.5" r="4" />
      <path d="M4 4.3c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5c0 .8-1.5 1-1.5 2" />
      <circle cx="5.5" cy="8" r=".4" fill="currentColor" />
    </svg>
  ),
  link: (
    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round">
      <path d="M4.5 6.5l2-2M3.5 4.5L2 6a1.5 1.5 0 002 2l1.5-1.5M7.5 6.5L9 5a1.5 1.5 0 00-2-2L5.5 4.5" />
    </svg>
  ),
  dot: (
    <svg width="7" height="7" viewBox="0 0 7 7">
      <circle cx="3.5" cy="3.5" r="2.5" fill="currentColor" />
    </svg>
  ),
  code: (
    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M4 3L1.5 5.5 4 8M7 3l2.5 2.5L7 8" />
    </svg>
  ),
  close: (
    <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round">
      <path d="M2 2l6 6M8 2l-6 6" />
    </svg>
  ),
  chevRight: (
    <svg width="9" height="9" viewBox="0 0 9 9" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round">
      <path d="M3 2l3 2.5-3 2.5" />
    </svg>
  ),
  alert: (
    <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round">
      <path d="M5.5 1.5L1 9.5h9L5.5 1.5zM5.5 4.5v2M5.5 8v.01" />
    </svg>
  ),
} as const;

export type CPIconName = keyof typeof CP_ICONS;
