/* ══════════ Fideliio — composants partagés ══════════ */
// Contexte pour ouvrir la modale de rendez-vous depuis n'importe quelle section
const RdvContext = React.createContext({ open: () => {} });
// ── Jeu d'icônes (line icons, style Lucide) ──
const ICON_PATHS = {
"arrow-right": '',
"arrow-left": '',
check: '',
coffee: '',
wine: '',
qr: '',
zap: '',
gift: '',
users: '',
message: '',
chart: '',
wallet: '',
palette: '',
lock: '',
sparkles: '',
plus: '',
mail: '',
building: '',
phone: '',
calendar: '',
x: '',
shield: '',
};
const SOLID_ICONS = { star: '' };
function Icon({ name, size = 20, stroke = 2, className, style }) {
if (SOLID_ICONS[name]) {
return (
);
}
return (
);
}
// ── Bouton ──
function Button({ variant = "primary", size, href, onClick, children, className = "", icon, target, rel }) {
const cls = `btn btn-${variant}${size === "sm" ? " btn-sm" : ""} ${className}`.trim();
const inner = (
<>
{children}
{icon && }
);
if (href) return {inner};
return ;
}
// ── Logo Fideliio (image de marque) ──
function Brand({ size = 34, href = "#top", onClick }) {
return (
Fideliio
);
}
// ── QR placeholder (SVG) ──
function QRMini() {
return (
);
}
// ── Boutons « Ajouter au Wallet » (Apple / Google) ──
function WalletButtons() {
return (
Ajouter àApple Wallet
Ajouter àGoogle Wallet
);
}
Object.assign(window, { RdvContext, Icon, Button, Brand, QRMini, WalletButtons });