import type { ReactNode } from "react";
import type { ChromeLayout } from "./row-budget.js";
export type ChromeSectionKey = keyof Pick<ChromeLayout, "liveTail" | "plan" | "overlay" | "queue" | "responder" | "toast" | "composer" | "status">;
export type ChromeContent = Partial<Record<ChromeSectionKey, readonly string[]>>;
export type ChromeSlots = Partial<Record<ChromeSectionKey, ReactNode>>;
export declare function ChromeSection(props: {
    readonly label: string;
    readonly rows: number;
    readonly columns: number;
    readonly content?: readonly string[] | undefined;
}): ReactNode;
export declare function Chrome(props: {
    readonly layout: ChromeLayout;
    readonly columns: number;
    readonly content?: ChromeContent | undefined;
    /** Rendered instead of the placeholder rows for that section. */
    readonly liveTail?: ReactNode | undefined;
    readonly slots?: ChromeSlots | undefined;
}): ReactNode;