// ═══════════════════════════════════════════════════════════════════
// src/icons.jsx — All SVG icons as thin functional components.
// No business logic, no state — pure presentation.
// Adding a new icon: add a key to Icon{} or ServiceIcon cases.
// ═══════════════════════════════════════════════════════════════════
// ── Generic UI icons ─────────────────────────────────────────────────
const Icon = {
arrow: (p) => (
),
whatsapp: (p) => (
),
check: (p) => (
),
plus: (p) => (
),
menu: (p) => (
),
close: (p) => (
),
pin: (p) => (
),
clock: (p) => (
),
phone: (p) => (
),
star: (p) => (
),
sparkle: (p) => (
),
handle: (p) => (
),
};
// ── Service-specific icons (abstract geometric, 32×32 viewBox) ───────
const ServiceIcon = ({ kind }) => {
const base = {
viewBox: "0 0 32 32",
fill: "none",
stroke: "currentColor",
strokeWidth: "1.4",
strokeLinecap: "round",
strokeLinejoin: "round",
width: "28",
height: "28",
};
const shapes = {
limpeza: (
),
extracao: (
),
aparelho: (
),
clareamento: (
),
implante: (
),
estetica: (
),
};
return shapes[kind] || null;
};