/**
 * PermissionCard — terminal port of the design's `oc-perm` block.
 *
 * Anatomy:
 *   ▎ READ  requires approval
 *   ▎
 *   ▎ {action}
 *   ▎ ┌───────────────────────────┐
 *   ▎ │ {target — bgInput band}   │
 *   ▎ └───────────────────────────┘
 *   ▎ ⚠  {risk}
 *   ▎
 *   ▎ ▸[y] Allow once *  [a] Allow always  [n] Deny
 *
 * Tier colors mirror `.oc-perm.is-{kind}`:
 *   read   → accent (cyan)         border-left: 2px solid var(--accent)
 *   web    → info  (cyan-light)    border-left: 2px solid var(--info)
 *   write  → warn  (amber)         border-left: 2px solid var(--warn)
 *   exec   → warn  (amber)         border-left: 2px solid var(--warn)
 *   danger → err   (red)           gradient bg from err-soft → bg-card
 */
import React from 'react';
export type PermissionKind = 'read' | 'write' | 'exec' | 'web' | 'danger';
export interface PermissionCardChoice {
    readonly key: string;
    readonly label: string;
    readonly primary?: boolean;
    readonly danger?: boolean;
}
export interface PermissionCardProps {
    readonly kind: PermissionKind;
    readonly action: string;
    readonly target?: string;
    readonly risk?: string;
    readonly choices: readonly PermissionCardChoice[];
    readonly selectedIndex?: number;
    readonly columns?: number;
}
export declare function PermissionCard({ kind, action, target, risk, choices, selectedIndex, columns, }: PermissionCardProps): React.ReactElement;
