/* global React */
const { useState, useEffect } = React;
/* === SHARED UI === */
const Logo = ({ variant = "light" }) => (
);
const PillBadge = ({ children, tone = "yellow" }) => (
{children}
);
const Check = ({ color = "#FF6B57" }) => (
);
const X = () => (
);
const WhatsAppIcon = ({ size = 22 }) => (
);
const ArrowRight = ({ size = 18 }) => (
);
/* === HEADER === */
const Header = () => (
);
window.Logo = Logo;
window.PillBadge = PillBadge;
window.Check = Check;
window.X = X;
window.WhatsAppIcon = WhatsAppIcon;
window.ArrowRight = ArrowRight;
window.Header = Header;