'use client'

import {Roboto} from 'next/font/google'
import {createTheme} from '@mui/material/styles'
import {grey} from '@mui/material/colors'

const roboto = Roboto({ // eslint-disable-line new-cap
  weight: ['300', '400', '500', '700'],
  subsets: ['latin'],
  display: 'swap',
})

const theme = createTheme({
  typography: {
    fontFamily: roboto.style.fontFamily,
  },
  palette: {
    mode: 'dark',
    primary: grey,
    divider: grey[700],
    background: {
      default: grey[900],
      paper: grey[800],
    },
    text: {
      primary: '#fff',
      secondary: grey[500],
    },
  },
})

export default theme