import { Metadata } from 'next'
import '../styles/main.scss'
import { PropsWithChildren } from 'react'

import Providers from '@containers/Providers'

export const metadata: Metadata = {
  title: 'Jan',
  description:
    'Self-hosted, local, AI Inference Platform that scales from personal use to production deployments for a team.',
  metadataBase: new URL(
    process.env.NEXT_PUBLIC_WEB_URL ?? 'https://cloud.jan.ai'
  ),
  openGraph: {
    images: 'images/preview.jpg',
  },
}

type Props = PropsWithChildren

export default function RootLayout({ children }: Props) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className="bg-background/40 text-xs antialiased">
        <div className="title-bar" />
        <Providers>{children}</Providers>
      </body>
    </html>
  )
}
