{children}
);
const Btn = ({children,size='md',variant='primary',onClick,pulse=false,style={},className=''}) => {
const [hov,setHov] = React.useState(false);
const sz = {xl:{p:'22px 48px',fs:20},lg:{p:'20px 40px',fs:18},md:{p:'18px 32px',fs:16},sm:{p:'10px 20px',fs:14}};
const s = sz[size]||sz.md;
const cls = [pulse?'pulse':'',className].filter(Boolean).join(' ');
if (variant==='secondary') return (
);
return (
);
};
const Pill = ({children,v='green'}) => {
const vs = {
green:{background:'var(--lm-green)',color:'var(--lm-black)'},
bonus:{background:'var(--lm-green-mute)',color:'var(--lm-green-glow)',border:'1px solid var(--lm-green)'},
alert:{background:'rgba(229,97,76,.1)',color:'var(--lm-alert)',border:'1px solid var(--lm-alert)'},
};
return
{children};
};
const W = ({children,style={}}) => (
{children}
);
const useCountUp = (target,dur=1200) => {
const [n,setN] = React.useState(0);
const started = React.useRef(false);
const ref = React.useRef(null);
React.useEffect(()=>{
const io = new IntersectionObserver(([e])=>{
if(e.isIntersecting&&!started.current){
started.current=true;
const t0=Date.now();
const tick=()=>{
const p=Math.min((Date.now()-t0)/dur,1);
setN(Math.floor((1-Math.pow(1-p,3))*target));
if(p<1)requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
},{threshold:.4});
if(ref.current)io.observe(ref.current);
return()=>io.disconnect();
},[target,dur]);
return [n,ref];
};
const WA_URL = 'https://wa.me/5561982606579';
Object.assign(window,{Ic,ImgPH,Brow,Btn,Pill,W,useCountUp,WA_URL});