// ==============================================================================
// Author: Simon-Pierre Boucher <contact@spboucher.ai>
// File:   components/Icons.tsx
// Desc:   Icônes SVG inline (traits 2 u, coins ronds) — même style que Lou·Ka.
// ==============================================================================
interface IcoProps { size?: number; strokeWidth?: number }

const base = (size: number) => ({
  width: size, height: size, viewBox: "0 0 24 24", fill: "none",
  stroke: "currentColor", strokeLinecap: "round" as const,
  strokeLinejoin: "round" as const,
});

export const IcoSearch = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <circle cx="11" cy="11" r="7" />
    <path d="m20 20-3.8-3.8" />
  </svg>
);

export const IcoPlate = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <circle cx="12" cy="12" r="9" />
    <circle cx="12" cy="12" r="3.5" />
  </svg>
);

export const IcoChart = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <path d="M4 20V10M10 20V4M16 20v-7M21 20H3" />
  </svg>
);

export const IcoFolder = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z" />
  </svg>
);

export const IcoPin = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <path d="M12 21s-7-5.4-7-11a7 7 0 0 1 14 0c0 5.6-7 11-7 11Z" />
    <circle cx="12" cy="10" r="2.6" />
  </svg>
);

export const IcoTag = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <path d="M3 3h8l10 10-8 8L3 11Z" />
    <circle cx="8" cy="8" r="1.6" />
  </svg>
);

export const IcoClock = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <circle cx="12" cy="12" r="9" />
    <path d="M12 7v5l3.2 2" />
  </svg>
);

export const IcoCompass = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <circle cx="12" cy="12" r="9" />
    <path d="m15.5 8.5-2 5-5 2 2-5Z" />
  </svg>
);

export const IcoLeaf = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <path d="M5 19C5 9 12 4 20 4c0 8-5 15-15 15Z" />
    <path d="M5 19c3-5 7-8 11-10" />
  </svg>
);

export const IcoBag = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <path d="M6 8h12l-1 12H7L6 8Z" />
    <path d="M9 8a3 3 0 0 1 6 0" />
  </svg>
);

export const IcoHeart = ({ size = 18, strokeWidth = 2 }: IcoProps) => (
  <svg {...base(size)} strokeWidth={strokeWidth} aria-hidden="true">
    <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
  </svg>
);