// -----------------------------------------------------------------------------
// Lou-Ka — Agrégateur de logements à louer (province de Québec)
// Auteur : Simon-Pierre Boucher — contact@spboucher.ai
// components/Icons.tsx : icônes SVG maison — style linéaire (outline),
//   trait moyen 2 px, extrémités arrondies, currentColor — conformes à
//   l'identité visuelle Lou-Ka (minimaliste et chaleureuse).
// -----------------------------------------------------------------------------
import { SVGProps } from "react";

type P = SVGProps<SVGSVGElement> & { size?: number };

function Base({ size = 16, children, ...rest }: P) {
  return (
    <svg
      width={size} height={size} viewBox="0 0 24 24" fill="none"
      stroke="currentColor" strokeWidth="2" strokeLinecap="round"
      strokeLinejoin="round" aria-hidden="true" focusable="false" {...rest}
    >
      {children}
    </svg>
  );
}

/** Maison au trait — pignon marqué + porte décalée (signature Lou-Ka) */
export const IcoHouse = (p: P) => (
  <Base {...p}>
    <path d="M4 11 12 4l8 7" />
    <path d="M6 10v10h12V10" />
    <path d="M13.5 20v-6h-3v6" />
  </Base>
);

/** Immeuble à logements — fenêtres en grille */
export const IcoBuilding = (p: P) => (
  <Base {...p}>
    <path d="M5 20V5h10v15" />
    <path d="M15 9h4v11" />
    <path d="M3 20h18" />
    <path d="M8 8.5h1.5M11 8.5h1.5M8 12h1.5M11 12h1.5M8 15.5h1.5M11 15.5h1.5" strokeWidth="1.7" />
  </Base>
);

export const IcoCamera = (p: P) => (
  <Base {...p}>
    <path d="M3 7h4l2-2.5h6L17 7h4v13H3z" />
    <circle cx="12" cy="13" r="3.4" />
  </Base>
);

export const IcoPaw = (p: P) => (
  <Base {...p}>
    <path d="M12 12.5c-3 0-5 2.2-5 4.4 0 1.6 1.2 2.6 2.6 2.6 1 0 1.6-.4 2.4-.4s1.4.4 2.4.4c1.4 0 2.6-1 2.6-2.6 0-2.2-2-4.4-5-4.4z" />
    <path d="M7.2 10.2c.5 1-.1 2-1 2s-1.8-.8-1.8-1.9c0-1 .8-1.6 1.5-1.4.6.1 1 .6 1.3 1.3z" strokeWidth="1.7" />
    <path d="M16.8 10.2c-.5 1 .1 2 1 2s1.8-.8 1.8-1.9c0-1-.8-1.6-1.5-1.4-.6.1-1 .6-1.3 1.3z" strokeWidth="1.7" />
    <path d="M10.4 7.5c.3 1.1-.3 2.1-1.2 2.1-1 0-1.7-1-1.6-2.1.1-1 .9-1.7 1.7-1.5.6.2 1 .8 1.1 1.5z" strokeWidth="1.7" />
    <path d="M13.6 7.5c-.3 1.1.3 2.1 1.2 2.1 1 0 1.7-1 1.6-2.1-.1-1-.9-1.7-1.7-1.5-.6.2-1 .8-1.1 1.5z" strokeWidth="1.7" />
  </Base>
);

export const IcoSofa = (p: P) => (
  <Base {...p}>
    <path d="M5 11V7.5A1.5 1.5 0 0 1 6.5 6h11A1.5 1.5 0 0 1 19 7.5V11" />
    <path d="M3 13.5A1.9 1.9 0 0 1 5 11.5c1.1 0 2 .9 2 2V14h10v-.5c0-1.1.9-2 2-2a1.9 1.9 0 0 1 2 2V18H3z" />
    <path d="M5 18v1.8M19 18v1.8" />
  </Base>
);

export const IcoBolt = (p: P) => (
  <Base {...p}>
    <path d="M13 2 5 13.5h5.5L11 22l8-11.5h-5.5z" />
  </Base>
);

export const IcoList = (p: P) => (
  <Base {...p}>
    <path d="M4 6h2M4 12h2M4 18h2" />
    <path d="M9.5 6H20M9.5 12H20M9.5 18H20" />
  </Base>
);

/** Carte pliée (plan) */
export const IcoMap = (p: P) => (
  <Base {...p}>
    <path d="M3 6.5 9 4l6 2.5L21 4v13.5L15 20l-6-2.5L3 20z" />
    <path d="M9 4v13.5M15 6.5V20" />
  </Base>
);

export const IcoPin = (p: P) => (
  <Base {...p}>
    <path d="M12 21s-6.5-6-6.5-11a6.5 6.5 0 0 1 13 0c0 5-6.5 11-6.5 11z" />
    <circle cx="12" cy="9.7" r="2.2" />
  </Base>
);

/** Curseurs de filtres */
export const IcoSliders = (p: P) => (
  <Base {...p}>
    <path d="M4 8h10M18 8h2M4 16h2M10 16h10" />
    <path d="M14 5.8v4.4M6 13.8v4.4" />
  </Base>
);

export const IcoSearch = (p: P) => (
  <Base {...p}>
    <circle cx="11" cy="11" r="7" />
    <path d="m20 20-3.5-3.5" />
  </Base>
);

export const IcoAlert = (p: P) => (
  <Base {...p}>
    <path d="M12 3 2.5 20h19z" />
    <path d="M12 9.5v4.5" />
    <path d="M12 17.2v.1" strokeWidth="2.6" />
  </Base>
);

export const IcoCompass = (p: P) => (
  <Base {...p}>
    <circle cx="12" cy="12" r="9" />
    <path d="m15.5 8.5-2.2 5-4.8 2 2.2-5z" />
  </Base>
);

export const IcoChart = (p: P) => (
  <Base {...p}>
    <path d="M4 20V4" />
    <path d="M4 20h16" />
    <path d="M8.5 16v-5M13 16V8M17.5 16v-3.5" />
  </Base>
);

export const IcoFolder = (p: P) => (
  <Base {...p}>
    <path d="M3 6h6l2 2.5h10V19H3z" />
  </Base>
);

export const IcoLock = (p: P) => (
  <Base {...p}>
    <rect x="5" y="11" width="14" height="9" />
    <path d="M8 11V7.8A3.8 3.8 0 0 1 12 4a3.8 3.8 0 0 1 4 3.8V11" />
  </Base>
);

export const IcoDoc = (p: P) => (
  <Base {...p}>
    <path d="M6 3h8l4 4v14H6z" />
    <path d="M14 3v4h4" />
    <path d="M9 12h6M9 15.5h6" />
  </Base>
);

export const IcoHeart = (p: P & { filled?: boolean }) => {
  const { filled, ...rest } = p;
  return (
    <Base {...rest} fill={filled ? "currentColor" : "none"}>
      <path d="M12 20.5C7 16.5 3.5 13 3.5 9.3 3.5 6.8 5.5 5 7.8 5c1.7 0 3.2 1 4.2 2.6C13 6 14.5 5 16.2 5c2.3 0 4.3 1.8 4.3 4.3 0 3.7-3.5 7.2-8.5 11.2z" />
    </Base>
  );
};

// -- réseaux sociaux (tracés au trait, même langage que le reste) --------------

export const IcoUser = (p: P) => (
  <Base {...p}>
    <circle cx="12" cy="8" r="3.5" />
    <path d="M5 20c1.2-3.4 3.8-5 7-5s5.8 1.6 7 5" />
  </Base>
);

export const IcoInstagram = (p: P) => (
  <Base {...p}>
    <rect x="4" y="4" width="16" height="16" rx="4.5" />
    <circle cx="12" cy="12" r="3.6" />
    <path d="M16.6 7.4v.1" strokeWidth="2.6" />
  </Base>
);

export const IcoFacebook = (p: P) => (
  <Base {...p}>
    <path d="M14.8 4h-2.3a3.4 3.4 0 0 0-3.4 3.4V10H6.8v3.4h2.3V21h3.4v-7.6h2.6l.6-3.4h-3.2V7.8c0-.5.4-.9.9-.9h2.4z" />
  </Base>
);

export const IcoX = (p: P) => (
  <Base {...p}>
    <path d="M4.5 4.5 19.5 19.5M19 4.5 5 19.5" />
  </Base>
);

export const IcoLinkedIn = (p: P) => (
  <Base {...p}>
    <rect x="4" y="4" width="16" height="16" rx="2.5" />
    <path d="M8.2 10.5V16M8.2 8v.1" strokeWidth="2.2" />
    <path d="M11.8 16v-3.2a2 2 0 0 1 4 0V16" strokeWidth="2.2" />
  </Base>
);

export const IcoTikTok = (p: P) => (
  <Base {...p}>
    <path d="M13.5 4v10.3a3.3 3.3 0 1 1-3.3-3.3" />
    <path d="M13.5 6.2c.8 2 2.6 3.4 4.8 3.6" />
  </Base>
);

export const IcoYouTube = (p: P) => (
  <Base {...p}>
    <rect x="3" y="6" width="18" height="12" rx="3.5" />
    <path d="m10.3 9.5 4.6 2.5-4.6 2.5z" />
  </Base>
);

export const IcoChevronLeft = (p: P) => (
  <Base {...p}>
    <path d="m14.5 5-7 7 7 7" />
  </Base>
);

export const IcoChevronRight = (p: P) => (
  <Base {...p}>
    <path d="m9.5 5 7 7-7 7" />
  </Base>
);

/* ---------------------------------------------------------------------------
   Icônes de la fiche logement (refonte 2026-09-04) — même style linéaire,
   trait 2 px, 24×24. Nommage aligné sur Lucide pour la lisibilité du code.
--------------------------------------------------------------------------- */
export const IcoMapPin = (p: P) => (
  <Base {...p}>
    <path d="M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0z" />
    <circle cx="12" cy="10" r="3" />
  </Base>
);
export const IcoTrain = (p: P) => (
  <Base {...p}>
    <rect x="4" y="3" width="16" height="14" rx="3" />
    <path d="M4 11h16M8 21l2-4M16 21l-2-4M9 7h6" />
    <path d="M8.5 14h.01M15.5 14h.01" />
  </Base>
);
export const IcoBus = (p: P) => (
  <Base {...p}>
    <path d="M5 4h14a2 2 0 0 1 2 2v11H3V6a2 2 0 0 1 2-2z" />
    <path d="M3 11h18M7 17v3M17 17v3M7.5 14h.01M16.5 14h.01" />
  </Base>
);
export const IcoCart = (p: P) => (
  <Base {...p}>
    <path d="M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h8.4a2 2 0 0 0 2-1.6L21 8H6" />
    <circle cx="10" cy="20" r="1.2" /><circle cx="17" cy="20" r="1.2" />
  </Base>
);
export const IcoPill = (p: P) => (
  <Base {...p}>
    <path d="M10.5 20.5 3.5 13.5a5 5 0 0 1 7-7l7 7a5 5 0 0 1-7 7z" />
    <path d="M7 10l7 7" />
  </Base>
);
export const IcoSchool = (p: P) => (
  <Base {...p}>
    <path d="M3 10 12 5l9 5" />
    <path d="M5 11v8h14v-8" />
    <path d="M10 19v-4h4v4M12 5V3" />
  </Base>
);
export const IcoTrees = (p: P) => (
  <Base {...p}>
    <path d="M9 3 4.5 10h2L4 15h10l-2.5-5h2L9 3zM9 15v6" />
    <path d="M16 8l-2.5 4h1.5l-1.5 3h5l-1.5-3h1.5L16 8zM16 15v5" />
  </Base>
);
export const IcoFuel = (p: P) => (
  <Base {...p}>
    <path d="M4 21V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16" />
    <path d="M3 21h12M6 8h6" />
    <path d="M14 10h2a2 2 0 0 1 2 2v5a1.5 1.5 0 0 0 3 0V9l-2.5-2.5" />
  </Base>
);
export const IcoWind = (p: P) => (
  <Base {...p}>
    <path d="M3 8h10a3 3 0 1 0-3-3" />
    <path d="M3 12h15a3 3 0 1 1-3 3" />
    <path d="M3 16h7" />
  </Base>
);
export const IcoDroplets = (p: P) => (
  <Base {...p}>
    <path d="M12 3s-6 6.5-6 10.5a6 6 0 0 0 12 0C18 9.5 12 3 12 3z" />
  </Base>
);
export const IcoWallet = (p: P) => (
  <Base {...p}>
    <path d="M3 7a2 2 0 0 1 2-2h13v4" />
    <rect x="3" y="7" width="18" height="12" rx="2" />
    <path d="M16 13h.01" />
  </Base>
);
export const IcoGraduation = (p: P) => (
  <Base {...p}>
    <path d="M2 9 12 4l10 5-10 5L2 9z" />
    <path d="M6 11.5V16c0 1.5 3 3 6 3s6-1.5 6-3v-4.5M22 9v5" />
  </Base>
);
export const IcoUsers = (p: P) => (
  <Base {...p}>
    <circle cx="9" cy="8" r="3.2" />
    <path d="M3.5 20c0-3.2 2.5-5.3 5.5-5.3s5.5 2.1 5.5 5.3" />
    <path d="M15.5 5.2a3.2 3.2 0 0 1 0 5.6M20.5 20c0-2.7-1.8-4.7-4.3-5.2" />
  </Base>
);
export const IcoShare = (p: P) => (
  <Base {...p}>
    <circle cx="18" cy="5" r="2.5" /><circle cx="6" cy="12" r="2.5" /><circle cx="18" cy="19" r="2.5" />
    <path d="M8.2 10.8 15.8 6.3M8.2 13.2l7.6 4.5" />
  </Base>
);
export const IcoSparkles = (p: P) => (
  <Base {...p}>
    <path d="M12 3l1.9 5.6L19.5 10.5l-5.6 1.9L12 18l-1.9-5.6L4.5 10.5l5.6-1.9L12 3z" />
    <path d="M19 16l.8 2.2L22 19l-2.2.8L19 22l-.8-2.2L16 19l2.2-.8L19 16z" />
  </Base>
);
export const IcoBed = (p: P) => (
  <Base {...p}>
    <path d="M3 18V7M3 13h18v5M3 10h7v3M21 13v-1a3 3 0 0 0-3-3h-8" />
  </Base>
);
export const IcoBath = (p: P) => (
  <Base {...p}>
    <path d="M4 12h16v2a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5v-2z" />
    <path d="M6 12V6a2.5 2.5 0 0 1 4.6-1.3M7 19l-1 2M17 19l1 2" />
  </Base>
);
export const IcoRuler = (p: P) => (
  <Base {...p}>
    <path d="M3.5 16 16 3.5l4.5 4.5L8 20.5 3.5 16z" />
    <path d="M7.5 16l1.5 1.5M10.5 13l1.5 1.5M13.5 10l1.5 1.5M16.5 7 18 8.5" />
  </Base>
);
export const IcoCalendar = (p: P) => (
  <Base {...p}>
    <rect x="4" y="5" width="16" height="16" rx="2" />
    <path d="M4 10h16M8 3v4M16 3v4" />
  </Base>
);
export const IcoChevronDown = (p: P) => (
  <Base {...p}><path d="m6 9 6 6 6-6" /></Base>
);
export const IcoClose = (p: P) => (
  <Base {...p}><path d="M18 6 6 18M6 6l12 12" /></Base>
);
export const IcoCheck = (p: P) => (
  <Base {...p}><path d="m5 12.5 4.5 4.5L19 7.5" /></Base>
);
export const IcoInfo = (p: P) => (
  <Base {...p}>
    <circle cx="12" cy="12" r="9" /><path d="M12 11v5M12 8h.01" />
  </Base>
);
export const IcoExternal = (p: P) => (
  <Base {...p}>
    <path d="M14 4h6v6M20 4l-9 9" />
    <path d="M19 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h5" />
  </Base>
);
export const IcoExpand = (p: P) => (
  <Base {...p}>
    <path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" />
  </Base>
);
export const IcoWaves = (p: P) => (
  <Base {...p}>
    <path d="M3 8c1.5 1.3 3 1.3 4.5 0s3-1.3 4.5 0 3 1.3 4.5 0 3-1.3 4.5 0" />
    <path d="M3 13c1.5 1.3 3 1.3 4.5 0s3-1.3 4.5 0 3 1.3 4.5 0 3-1.3 4.5 0" />
    <path d="M3 18c1.5 1.3 3 1.3 4.5 0s3-1.3 4.5 0 3 1.3 4.5 0 3-1.3 4.5 0" />
  </Base>
);
export const IcoShield = (p: P) => (
  <Base {...p}>
    <path d="M12 3 5 6v5.5c0 4.4 3 7.6 7 9.5 4-1.9 7-5.1 7-9.5V6l-7-3z" />
  </Base>
);
export const IcoThermo = (p: P) => (
  <Base {...p}>
    <path d="M10 14.5V5a2 2 0 1 1 4 0v9.5a3.5 3.5 0 1 1-4 0z" />
  </Base>
);
export const IcoSnow = (p: P) => (
  <Base {...p}>
    <path d="M12 3v18M4 7.5l16 9M20 7.5l-16 9" />
  </Base>
);
export const IcoScale = (p: P) => (
  <Base {...p}>
    <path d="M12 3v18M5 21h14M12 6l7 2-3 7h-4M12 6 5 8l3 7h4" />
  </Base>
);
export const IcoTrendDown = (p: P) => (
  <Base {...p}><path d="m3 7 7 7 4-4 7 7M15 17h6v-6" /></Base>
);
export const IcoTrendUp = (p: P) => (
  <Base {...p}><path d="m3 17 7-7 4 4 7-7M15 7h6v6" /></Base>
);
export const IcoCoffee = (p: P) => (
  <Base {...p}>
    <path d="M4 9h12v6a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V9zM16 10h2a2.5 2.5 0 0 1 0 5h-2M7 3v3M11 3v3" />
  </Base>
);
export const IcoHospital = (p: P) => (
  <Base {...p}>
    <rect x="4" y="4" width="16" height="16" rx="2" />
    <path d="M12 8v8M8 12h8" />
  </Base>
);
export const IcoBook = (p: P) => (
  <Base {...p}>
    <path d="M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2V5z" />
    <path d="M4 19a2 2 0 0 0 2 2h13" />
  </Base>
);
export const IcoDumbbell = (p: P) => (
  <Base {...p}>
    <path d="M6.7 6.7v10.6M17.3 6.7v10.6M3.5 9.2v5.6M20.5 9.2v5.6M6.7 12h10.6" />
  </Base>
);
export const IcoBaby = (p: P) => (
  <Base {...p}>
    <circle cx="12" cy="9" r="5" />
    <path d="M7 20a5 5 0 0 1 10 0M10 8.5h.01M14 8.5h.01M10.5 11.5c.8.7 2.2.7 3 0" />
  </Base>
);
export const IcoStore = (p: P) => (
  <Base {...p}>
    <path d="M3 9 5 4h14l2 5M3 9h18v3a2.5 2.5 0 0 1-5 0 2.5 2.5 0 0 1-5 0 2.5 2.5 0 0 1-5 0 2.5 2.5 0 0 1-3 2.4V9z" />
    <path d="M5 14v6h14v-6M10 20v-4h4v4" />
  </Base>
);
export const IcoBolt2 = (p: P) => (
  <Base {...p}><path d="M13 2 4.5 13.5H11l-1.5 8.5 8.5-11.5H12.5L13 2z" /></Base>
);
export const IcoLayers = (p: P) => (
  <Base {...p}>
    <path d="m12 3 9 5-9 5-9-5 9-5z" /><path d="m3 13 9 5 9-5M3 17.5l9 5 9-5" />
  </Base>
);