import { ReactNode } from 'react';
import { UseGrantOptions } from '../hooks/useGrant';
/**
 * Props for the GrantGate component
 */
export interface GrantGateProps extends UseGrantOptions {
    /** The resource slug to check permission for */
    resource: string;
    /** The action to check */
    action: string;
    /** Content to render if permission is granted */
    children: ReactNode;
    /** Content to render if permission is denied (optional) */
    fallback?: ReactNode;
    /** Content to render while loading (optional) */
    loading?: ReactNode;
}
/**
 * Component that conditionally renders children based on permissions
 *
 * @example
 * ```tsx
 * // Basic usage - hide element if no permission
 * <GrantGate resource="document" action="update">
 *   <EditButton />
 * </GrantGate>
 *
 * // With fallback for denied access
 * <GrantGate
 *   resource="admin"
 *   action="access"
 *   fallback={<p>You don't have admin access</p>}
 * >
 *   <AdminPanel />
 * </GrantGate>
 *
 * // With loading state
 * <GrantGate
 *   resource="report"
 *   action="view"
 *   loading={<Spinner />}
 *   fallback={<AccessDenied />}
 * >
 *   <ReportViewer />
 * </GrantGate>
 *
 * // With scope for multi-tenant
 * <GrantGate
 *   resource="project"
 *   action="delete"
 *   scope={{ tenant: 'project', id: projectId }}
 * >
 *   <DeleteProjectButton />
 * </GrantGate>
 * ```
 */
export declare function GrantGate({ resource, action, scope, enabled, useCache, children, fallback, loading, }: GrantGateProps): ReactNode;
//# sourceMappingURL=GrantGate.d.ts.map