import { Outlet, useLocation } from "react-router-dom";

function AppLayout() {
  const location = useLocation();

  return (
    <div className="flex flex-col h-full overflow-clip">
      <div key={location.pathname} className="flex-1 min-h-0 animate-page-in">
        <Outlet />
      </div>
      <BottomNav />
    </div>
  );
}

window.AppLayout = AppLayout;