const { useState, useEffect } = React;
function Header() {
const NS = window.TADecorDesignSystem_573d7b;
const { Button } = NS;
const { company, nav } = window.TAD;
const [scrolled, setScrolled] = useState(false);
const [open, setOpen] = useState(false);
useEffect(() => {
const on = () => setScrolled(window.scrollY > 24);
on(); window.addEventListener('scroll', on, { passive: true });
return () => window.removeEventListener('scroll', on);
}, []);
useEffect(() => { if (window.lucide) lucide.createIcons(); }, [open, scrolled]);
return (
{/* Logo */}
TA-DECOR
Advertising · Interior · Design
{/* Desktop nav */}
{/* Mobile hamburger */}