import BasicLayout from '@/core/components/layouts/BasicLayout'
import DesktopView from '@/core/components/views/DesktopView'
import MobileView from '@/core/components/views/MobileView'
import dynamic from 'next/dynamic'

const AppLayout = dynamic(() => import('@/core/components/layouts/AppLayout'))
const CartComponent = dynamic(() => import('@/lib/cart/components/Cart'))

export default function Cart() {
  return (
    <>
      <MobileView>
        <AppLayout title='Keranjang' withFooter={false}>
          <CartComponent />
        </AppLayout>
      </MobileView>

      <DesktopView>
        <BasicLayout>
          <CartComponent />
        </BasicLayout>
      </DesktopView>
    </>
  )
}
