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 InvoicesComponent from '@/lib/tempo/components/Tempo';

export default function MyTempo() {
  return (
    <IsAuth>
      <Seo title='Tempo - Indoteknik.com' />

      <MobileView>
        <AppLayout title='Pembayaran Tempo'>
          <InvoicesComponent />
        </AppLayout>
      </MobileView>

      <DesktopView>
        <BasicLayout>
          <InvoicesComponent />
        </BasicLayout>
      </DesktopView>
    </IsAuth>
  );
}