
import { Nav } from './client-nav';
import { ReactNode } from 'react';
import { ThemeProvider } from './theme-provider';

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <head>
        <title>General Bots</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="description" content="General Bots and Custo AI Models" />
        <link rel="stylesheet" href="/output.css" />
        <link rel="icon" href="/favicon.ico" />
      </head>
      <body className="flex flex-col min-h-screen">
        <div>
          <ThemeProvider>
            <Nav />
            <div className="flex-1 overflow-hidden">
              {children}
            </div>
          </ThemeProvider>
        </div>
      </body>
    </html>
  );
}