comp/apps/framework-editor/app/layout.tsx at a7f6b0c731d3c4a6a39b193ad5117328bd7e81c7 · trycompai/comp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import type { Metadata } from 'next'
import { MenuTabs } from './components/MenuTabs'
import Toolbar from './components/Toolbar'
import { Toaster } from '@comp/ui/toaster';
import { NuqsAdapter } from 'nuqs/adapters/next/app'
import { type ReactNode } from 'react'

import "@comp/ui/globals.css";
import '../styles/globals.css'
import { Providers } from './components/Providers';

export const metadata: Metadata = {
  title: 'Comp AI - Framework Editor',
  description: 'Edit your framework',
}

export default function RootLayout({
  children,
}: {
  children: ReactNode
}) {
  return (
    <html lang="en" className="h-full">
        <body>
          <Providers>
            <div className="flex flex-col container gap-2 h-full">
              <Toolbar/>
              <MenuTabs />
              {children}
              <Toaster />
          </div>
        </Providers>
        </body>
    </html>
  )
}