import { type CSSProperties } from "react";
import type { TraceFrame } from "../types.js";
export interface FrameDetailPanelClassNames {
    /** Outer wrapper card. */
    root?: string;
    /** Header row (type badge + from→to). */
    header?: string;
    /** The call-type badge. */
    typeBadge?: string;
    /** The from address. */
    fromAddress?: string;
    /** The to address. */
    toAddress?: string;
    /** The error / revert banner. */
    errorBanner?: string;
    /** Container for the metadata grid (gas / value / selector / depth). */
    metaGrid?: string;
    /** One metadata cell. */
    metaCell?: string;
    /** A metadata label. */
    metaLabel?: string;
    /** A metadata value. */
    metaValue?: string;
    /** Section heading (e.g. "Input", "Output"). */
    sectionTitle?: string;
    /** A raw hex value rendered in a code block. */
    rawHex?: string;
    /** Container for a decoded params list. */
    decodedList?: string;
    /** One decoded param row. */
    decodedRow?: string;
}
export interface FrameDetailPanelProps {
    /** The frame whose details should be rendered. */
    frame: TraceFrame;
    /** Symbol shown next to value. Default: "PLS". */
    valueSymbol?: string;
    /** Hide the call-type badge + addresses header. */
    hideHeader?: boolean;
    /** Per-slot class names for theming. */
    classNames?: FrameDetailPanelClassNames;
    /** Inline style on the root element. */
    style?: CSSProperties;
    /** className on the root element (in addition to classNames.root). */
    className?: string;
}
/**
 * Renders metadata for a single `TraceFrame` — call type, participants, gas,
 * value, error state, and decoded I/O when available. Designed to drop in
 * next to a `CallTree` as the "what's selected" detail view.
 */
export declare function FrameDetailPanel({ frame, valueSymbol, hideHeader, classNames, style, className, }: FrameDetailPanelProps): React.JSX.Element;
//# sourceMappingURL=FrameDetailPanel.d.ts.map