import Router from '@/components/Router'
import Topbar from '@/components/Topbar'

const Main = () => {
  return (
    <div
      id='mainContainer'
      className='relative flex h-screen max-h-screen flex-grow flex-col overflow-y-auto bg-white dark:bg-[#1d1d1d]'
    >
      <Topbar />
      <main id='main' className='mb-24 flex-grow px-8'>
        <Router />
      </main>
    </div>
  )
}

export default Main