import * as React from 'react'
import { RoleGate } from '@admin/components/layouts/role-gate'
import { UserRole } from '@admin/types/auth'
import { WebhooksPageContent } from './webhooks-page-content'
import { WebhooksPageSkeleton } from './webhooks-page-skeleton'

export default function WebhooksPage() {
  return (
    <React.Suspense fallback={<WebhooksPageSkeleton />}>
      <RoleGate roles={[UserRole.ADMIN]}>
        <WebhooksPageContent />
      </RoleGate>
    </React.Suspense>
  )
}