const { useRef } = React;
const Section = ({ children, className = "", id }) => {
    const ref = useRef();
    const isVisible = window.useOnScreen(ref);
    return (
        <section id={id} ref={ref} className={`${className} ${isVisible ? 'visible' : ''}`}>
            {children}
        </section>
    );
};

window.Section = Section;