/**
 * Layout — App shell providing the viewport container.
 *
 * Props:
 *   children (node) — Page content (header + main)
 *   hideNav  (bool) — Accepted for backward compatibility; no longer used here.
 *                     BottomNav is mounted once in App, outside the routes, and
 *                     decides its own visibility from the current route. Every
 *                     page renders its own Layout, so rendering the nav here
 *                     meant tearing it down and rebuilding it — backdrop-filter
 *                     surface and all — on every navigation. See App.jsx.
 *                     BottomNav.HIDDEN_ROUTES is the list to edit if a new route
 *                     needs the nav hidden; passing hideNav here does nothing.
 */
var Layout = function (props) {
    var children = props.children;

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

window.Layout = Layout;