@adonis-agora/authkit-react/build/src/components/can_permission.js

Frontend ergonomics over AuthKit for AdonisJS + Inertia + React apps: a typed useAuth() hook, role-gating hooks and gating components.

import { createElement, Fragment } from 'react';
import { useCan } from '../hooks/use_can.js';
export function CanPermission({ children, permission, resource, loadingFallback = null, fallback = null, }) {
    const { allowed, loading } = useCan(permission, resource);
    const out = loading ? loadingFallback : allowed ? children : fallback;
    return createElement(Fragment, null, out);
}