import * as React from 'react'
import { RoleGate } from '@admin/components/layouts/role-gate'
import { UserRole } from '@admin/types/auth'
import { FormsSettingsPageContent } from './forms-settings-page-content'
import { FormsSettingsPageSkeleton } from './forms-settings-page-skeleton'

export default function FormsSettingsPage() {
  return (
    <React.Suspense fallback={<FormsSettingsPageSkeleton />}>
      <RoleGate roles={[UserRole.ADMIN, UserRole.EDITOR]}>
        <FormsSettingsPageContent />
      </RoleGate>
    </React.Suspense>
  )
}