import { type CSSProperties } from "react";
import type { RiskFlag } from "../types.js";
export interface FindingsPanelClassNames {
    /** Outer wrapper card. */
    root?: string;
    /** Header row (title + counts). */
    header?: string;
    /** Container for the list of findings. */
    list?: string;
    /** A row for one finding. */
    findingRow?: string;
    /** The severity badge on a finding. */
    severityBadge?: string;
    /** The rule-type chip (e.g. "DELEGATECALL_UNRECOGNIZED"). */
    typeChip?: string;
    /** The human-readable message. */
    message?: string;
    /** The address text. */
    address?: string;
    /** The depth/index metadata. */
    location?: string;
    /** The empty-state container. */
    empty?: string;
}
export interface FindingsPanelProps {
    /** Findings to render. */
    risks: RiskFlag[];
    /** Optional click handler — invoked with the clicked finding. */
    onSelect?: (risk: RiskFlag) => void;
    /** Hide the header (title + counts). */
    hideHeader?: boolean;
    /** Message shown when `risks` is empty. Default: "No risks detected." */
    emptyMessage?: string;
    /** Per-slot class names for theming. */
    classNames?: FindingsPanelClassNames;
    /** Inline style on the root element. */
    style?: CSSProperties;
    /** className on the root element (in addition to classNames.root). */
    className?: string;
}
/**
 * Renders the output of `analyzeRisks` as a grouped, severity-ordered list.
 * Empty input renders an "all clear" message rather than nothing, so the
 * component is a useful drop-in next to a trace view.
 */
export declare function FindingsPanel({ risks, onSelect, hideHeader, emptyMessage, classNames, style, className, }: FindingsPanelProps): React.JSX.Element;
//# sourceMappingURL=FindingsPanel.d.ts.map