import { Outlet } from 'react-router-dom';
import { Navbar } from './Navbar';
import { TimerWidget } from './TimerWidget';

export function Layout() {
  return (
    <div className="h-[100vh] w-[100vw] flex flex-col bg-gray-50">
      <Navbar />
      <main className="pt-4 pb-8 grow overflow-auto">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <Outlet />
        </div>
      </main>
      <TimerWidget />
    </div>
  );
}