import { Outlet } from 'react-router-dom'
import { DraftCartProvider } from '../context/DraftCartContext'
import { Sidebar } from './Sidebar'
import { Header } from './Header'
import styles from './PageLayout.module.css'

export function PageLayout() {
  return (
    <DraftCartProvider>
      <div className={styles.layout}>
        <Sidebar />

        <div className={styles.main}>
          <Header />
          <Outlet />
        </div>
      </div>
    </DraftCartProvider>
  )
}