import { type CSSProperties } from "react";
import type { AnalyzeRisksOptions, TraceFrame } from "../types.js";
export type EmbedDashboardTab = "risks" | "swaps" | "approvals" | "transfers";
export interface EmbedDashboardClassNames {
    /** Outer wrapper. */
    root?: string;
    /** Tab bar container. */
    tabs?: string;
    /** A single tab button. */
    tab?: string;
    /** The currently selected tab button. */
    tabActive?: string;
    /** Count badge on a tab. */
    count?: string;
    /** Panel container (everything below the tab bar). */
    panel?: string;
}
export interface EmbedDashboardProps {
    /** Root of the trace to summarize. */
    frame: TraceFrame;
    /** Options forwarded to `analyzeRisks`. */
    risksOptions?: AnalyzeRisksOptions;
    /** Initial active tab. Default: the first tab with any data. */
    defaultTab?: EmbedDashboardTab;
    /** Hide individual tabs (e.g. for an approvals-only embed). */
    hideTabs?: EmbedDashboardTab[];
    /** Per-slot class names. */
    classNames?: EmbedDashboardClassNames;
    /** Inline style on the root. */
    style?: CSSProperties;
    /** className on the root. */
    className?: string;
}
/**
 * One-line drop-in summary of a transaction's effects: tabs over risks,
 * swaps, approvals, and token transfers, each rendered by the corresponding
 * SDK panel. Picks a sensible default tab — the first non-empty bucket — so
 * the embed is informative even without per-page configuration.
 *
 * Designed as the "data + components = beautiful UI" entry point. Drop into
 * a single line of JSX:
 * ```tsx
 * <EmbedDashboard frame={traceResult.trace} />
 * ```
 */
export declare function EmbedDashboard({ frame, risksOptions, defaultTab, hideTabs, classNames, style, className, }: EmbedDashboardProps): React.JSX.Element;
//# sourceMappingURL=EmbedDashboard.d.ts.map