/* Tracklist — shared chrome (topbar + footer) */
const Logo = ({ size = 16 }) =>
Tracklist
;
const MenuIcon = () =>
;
const Topbar = ({ active }) => {
const [open, setOpen] = React.useState(false);
const ref = React.useRef(null);
React.useEffect(() => {
const onDoc = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', onDoc);
return () => document.removeEventListener('mousedown', onDoc);
}, []);
return (
);
};
const FooterCTA = () => null;
const Footer = () => {
const CTABox = () => (
);
return (
);
};
Object.assign(window, { Logo, Topbar, Footer, FooterCTA, MenuIcon });