import { default as React, ReactNode } from 'react';
import { Permission } from '../types';
interface RequirePermissionProps {
    children: ReactNode;
    /** Single permission required */
    permission?: Permission;
    /** All of these permissions required */
    permissions?: Permission[];
    /** Any of these permissions required */
    anyPermission?: Permission[];
    /** Redirect path if permission check fails */
    redirectTo?: string;
    /** Component to show if access denied (not shown during loading) */
    fallback?: ReactNode;
}
/**
 * Guard component that requires specific permissions.
 * Redirects if user doesn't have the required permissions.
 *
 * @example
 * ```tsx
 * // Single permission
 * <RequirePermission permission="users:write">
 *   <UserEditor />
 * </RequirePermission>
 *
 * // All permissions required
 * <RequirePermission permissions={['reports:read', 'analytics:view']}>
 *   <AnalyticsDashboard />
 * </RequirePermission>
 *
 * // Any permission (OR logic)
 * <RequirePermission anyPermission={['admin:full', 'settings:manage']}>
 *   <SettingsPage />
 * </RequirePermission>
 *
 * // With access denied fallback
 * <RequirePermission permission="billing:manage" fallback={<UpgradePrompt />}>
 *   <BillingSettings />
 * </RequirePermission>
 * ```
 */
export declare const RequirePermission: React.MemoExoticComponent<({ children, permission, permissions, anyPermission, redirectTo, fallback, }: RequirePermissionProps) => import("react/jsx-runtime").JSX.Element>;
/**
 * HOC version of RequirePermission
 */
export declare function withRequirePermission<P extends object>(Component: React.ComponentType<P>, permissionConfig: {
    permission?: Permission;
    permissions?: Permission[];
    anyPermission?: Permission[];
    redirectTo?: string;
}): React.ComponentType<P>;
export {};