import '../globals.css'
import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import ReduxProvider from '../redux/provider'
import localFont from 'next/font/local'

const inter = Inter({ subsets: ['latin'] })

export const metadata: Metadata = {
  title: 'Fesahat CRM',
  description: 'Perfect CRM software',
}

const myFont = localFont({
  src: './fonts/woff2/IRANSansX-Regular.woff2',
  display: 'swap',
})

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="fa" dir='rtl' className={myFont.className}>
      <body>
        <div className="flex bg-slate-200 h-screen items-center">
          <ReduxProvider>
            {children}
          </ReduxProvider>
        </div>
      </body>
    </html>
  )
}