import { Provider } from "@components/ui/provider"
import "../styles/globals.css";
import Navbar from "@components/Navbar";
import Footer from "@components/site/Footer";

export const metadata = {
  title: 'Ballistic Builder',
  description: 'Freedom On',
}

export default function RootLayout(props: { children: React.ReactNode }) {
  const  { children } = props;

  return (
   
      <html suppressHydrationWarning>
      <body>  
   
        <Provider>
        <Navbar />
          {children}
          <Footer />
        </Provider>
        </body>
    </html> 
  
  )
}