import { type CSSProperties } from "react"; import type { StateDiff } from "../types.js"; export interface StateDiffPanelClassNames { /** Outer wrapper card. */ root?: string; /** Header row (title + count). */ header?: string; /** Container for the list of per-address sections. */ list?: string; /** One section for one address. */ addressSection?: string; /** The address header within a section. */ addressHeader?: string; /** A single field row (balance / nonce / code). */ fieldRow?: string; /** The field name label (e.g. "balance"). */ fieldLabel?: string; /** The "before" value cell. */ beforeValue?: string; /** The "after" value cell. */ afterValue?: string; /** The signed-delta indicator (e.g. "+0.5 PLS"). */ delta?: string; /** Storage-changes sub-list. */ storageList?: string; /** One storage change row. */ storageRow?: string; /** The empty-state container. */ empty?: string; } export interface StateDiffPanelProps { /** Per-address state changes to render. */ diffs: StateDiff[]; /** Optional click handler — fired with the clicked address row. */ onSelectAddress?: (diff: StateDiff) => void; /** Hide the header (title + count). */ hideHeader?: boolean; /** Symbol shown alongside balance changes. Default: "PLS". */ valueSymbol?: string; /** Message shown when `diffs` is empty. Default: "No state changes." */ emptyMessage?: string; /** Per-slot class names for theming. */ classNames?: StateDiffPanelClassNames; /** Inline style on the root element. */ style?: CSSProperties; /** className on the root element (in addition to classNames.root). */ className?: string; } /** * Renders an array of `StateDiff` entries (one per affected address) as a * grouped, before/after view with signed balance deltas, nonce bumps, code * changes, and per-slot storage changes. */ export declare function StateDiffPanel({ diffs, onSelectAddress, hideHeader, valueSymbol, emptyMessage, classNames, style, className, }: StateDiffPanelProps): React.JSX.Element; //# sourceMappingURL=StateDiffPanel.d.ts.map