const { Button } = window.AquanixDesignSystem_4effac;
const NAV = [['day', 'Một ngày ở ao'], ['sell', 'Ngày bán cá'], ['why-aquanix', 'Vì sao và hỏi đáp']];
const DOTS = [['top', 'Mở đầu'], ['challenges', 'Thách thức'], ['modules', '6 hệ giải pháp'], ['day', 'Một ngày ở ao'], ['sell', 'Ngày bán cá'], ['packages', 'Gói và quy trình'], ['download', 'Tải app'], ['why-aquanix', 'Vì sao và hỏi đáp']];
function useActiveSection() {
const [active, setActive] = React.useState('top');
const [progress, setProgress] = React.useState(0);
React.useEffect(() => {
const onScroll = () => {
const h = document.documentElement; setProgress(h.scrollTop / (h.scrollHeight - h.clientHeight || 1));
let cur = 'top'; for (const [id] of DOTS) { const el = document.getElementById(id); if (el && el.getBoundingClientRect().top <= window.innerHeight * 0.4) cur = id; } setActive(cur);
};
onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll);
}, []);
return [active, progress];
}
function Header({ onCta }) {
const [active, progress] = useActiveSection();
const go = id => e => { e.preventDefault(); const el = document.getElementById(id); if (el) window.scrollTo({ top: el.offsetTop - 64, behavior: 'smooth' }); };
return <>
;
}
window.Header = Header;
