import { NavVisibilityProvider } from '@/components/nav-visibility';
import { BottomNav } from '@/components/bottom-nav';
import { TabTransition } from '@/components/tab-transition';

/**
 * Layout fuer die drei Haupt-Tabs (/, /matches, /settings). Rendert die
 * Bottom-Navigation unterhalb des Seiteninhalts und stellt den
 * NavVisibilityProvider bereit, damit Seiten (z.B. der Erstellen-Wizard)
 * die Nav temporaer ausblenden koennen. Session- und Daten-loeschen-Seite
 * liegen ausserhalb dieser Gruppe und haben bewusst KEINE Nav.
 */
export default function TabsLayout({ children }: { children: React.ReactNode }) {
  return (
    <NavVisibilityProvider>
      <TabTransition>{children}</TabTransition>
      <BottomNav />
    </NavVisibilityProvider>
  );
}