'use client'

import { Suspense } from 'react'
import { AppLayout } from '@/components/layout/AppLayout'
import { RequirePermission } from '@/components/auth/RequirePermission'
import { InvoiceFormPage } from '@/pages/finance/InvoiceFormPage'

export default function Page() {
  return (
    <AppLayout>
      <RequirePermission anyOf={['finance.manage', 'purchasing.manage']}>
        <Suspense fallback={<div className="p-6 text-sm">Loading…</div>}>
          <InvoiceFormPage />
        </Suspense>
      </RequirePermission>
    </AppLayout>
  )
}