/**
 * Layout — App shell providing viewport container and optional bottom nav.
 *
 * Props:
 *   children (node) — Page content (header + main)
 *   hideNav  (bool) — Hide bottom navigation (default: false)
 */
var Layout = function (props) {
    var children = props.children;
    var hideNav = props.hideNav || false;

    return (
        <div className="max-w-md mx-auto h-[100dvh] flex flex-col relative overflow-hidden">
            {children}
            {!hideNav && <BottomNav />}
        </div>
    );
};

window.Layout = Layout;