import Seo from '@/core/components/Seo'
import AppLayout from '@/core/components/layouts/AppLayout'
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 CheckoutComponent from '@/lib/checkout/components/Checkout'

export default function Checkout() {
  return (
    <>
      <Seo title='Checkout Indoteknik.com' />

      <IsAuth>
        <MobileView>
          <AppLayout title='Checkout'>
            <CheckoutComponent />
          </AppLayout>
        </MobileView>

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