// icons.jsx — minimal stroke icons used across the app
const stroke = { fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" };
const Icon = ({ children, size = 16, className = "", style = {} }) => (
);
const I = {
video: (p) => ,
grid: (p) => ,
cal: (p) => ,
tag: (p) => ,
clock: (p) => ,
users: (p) => ,
link: (p) => ,
card: (p) => ,
cog: (p) => ,
bell: (p) => ,
chev: (p) => ,
chevDn:(p) => ,
chevL: (p) => ,
more: (p) => ,
copy: (p) => ,
check: (p) => ,
shield:(p) => ,
arrow: (p) => ,
arrowUp:(p)=> ,
globe: (p) => ,
location:(p) => ,
bolt: (p) => ,
tagAlt:(p) => ,
rev: (p) => ,
show: (p) => ,
bookings: (p) => ,
layers:(p) => ,
share: (p) => ,
star: (p) => ,
plus: (p) => ,
x: (p) => ,
mail: (p) => ,
phone: (p) => ,
warn: (p) => ,
info: (p) => ,
hand: (p) => ,
lock: (p) => ,
};
window.I = I;
window.Icon = Icon;
// ─── Brand logos for integration cards ───────────────────────
// Each returns a JSX element sized to sit inside .intg-logo (36×36px)
// Icons include their own background — do NOT add a background to the container.
const blImg = (file) => (
);
window.Bl = {
stripe: blImg('stripe.svg'),
paypal: blImg('paypal.svg'),
gcal: blImg('google-calendar.svg'),
apple: blImg('apple.svg'),
whatsapp: blImg('whats-app.svg'),
twilio: blImg('twilio.svg'),
square: blImg('stripe.svg'), // fallback — no square.svg provided
zoom: blImg('zoom.svg'),
teams: blImg('microsoft-teams.svg'),
gmeet: blImg('google-meet.svg'),
};