import Seo from '@/core/components/Seo'
import BasicLayout from '@/core/components/layouts/BasicLayout'
import DesktopView from '@/core/components/views/DesktopView'
import MobileView from '@/core/components/views/MobileView'
import IsAuth from '@/lib/auth/components/IsAuth'
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 (
    <>
      <Seo title='Keranjang Belanja Indoteknik.com' />

      <IsAuth>
        <MobileView>
          <AppLayout title='Keranjang' withFooter={false}>
            <CartComponent />
          </AppLayout>
        </MobileView>

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