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

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