// -----------------------------------------------------------------------------
// Rent-Ka — Rental listings aggregator (Canada, outside 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 à
//   the Rent-Ka visual identity (minimal and warm).
// -----------------------------------------------------------------------------
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>
  );
}

/** Line house — marked gable + offset door (Rent-Ka signature) */
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>
);