/**
 * Consent Capability Card
 *
 * Renders a single capability row in the new humanized consent layout.
 * Shows: square checkbox + icon tile + bold label inline with description +
 * optional amber HIGHER RISK chip + small "View policy" disclosure.
 *
 * Emits a `capability-toggle` CustomEvent with `{ id, checked }` whenever the
 * checkbox state changes; the parent (`<mcp-consent>`) tracks selection.
 *
 * @module components/consent-capability-card
 */
import { LitElement } from "lit";
import type { CapabilityIcon, RiskLevel } from "../types/capabilities.types.js";
/**
 * Detail emitted on the `capability-toggle` event.
 */
export interface CapabilityToggleDetail {
    id: string;
    checked: boolean;
}
export declare class ConsentCapabilityCard extends LitElement {
    capabilityId: string;
    label: string;
    description: string;
    icon: CapabilityIcon;
    riskLevel: RiskLevel;
    checked: boolean;
    compiledCedar: string;
    private policyOpen;
    static styles: import("lit").CSSResult;
    private toggleChecked;
    /**
     * Row-level click handler. Makes the entire row a click target for
     * toggling the checkbox — a UX nicety that matches Plaid/Apple-style
     * consent rows. Skips when the user clicks the per-row "View policy"
     * button, the policy disclosure, or any link inside the description, so
     * those interactive children retain their own behavior.
     */
    private onRowClick;
    private togglePolicy;
    private isHigherRisk;
    private renderIcon;
    private renderPolicy;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "consent-capability-card": ConsentCapabilityCard;
    }
}
//# sourceMappingURL=consent-capability-card.d.ts.map