import { Suspense } from 'react';
import { fetchPermissions } from '@/network/apis/dashboard/permissions/permissions.apis';
import { PermissionsList } from '../../../modules/permissions/components/permissionsList/permissionsList';

export const dynamic = 'force-dynamic';

const PermissionsPage = async () => {
  const permissionsData = await fetchPermissions();
  return (
    <Suspense fallback={<div>Loading permissions...</div>}>
      <PermissionsList permissions={permissionsData} />
    </Suspense>
  );
};

export default PermissionsPage;