import type { LayoutDirection } from "../layout-direction.js";
import { type LayoutMode } from "../layout-mode.js";
import { type StylePresetId } from "./style-presets.js";
/**
 * What each layout mode is called on the canvas. Iterated by the test against
 * `LAYOUT_MODES`, so a mode the format admits cannot be missing a name here.
 */
export declare const LAYOUT_MODE_LABELS: Readonly<Record<LayoutMode, string>>;
export declare const DIRECTIONS: readonly ["top-down", "left-right"];
export declare const DIRECTION_LABELS: Readonly<Record<LayoutDirection, string>>;
/**
 * The layout, direction and style selects, on the canvas they arrange (ADR
 * 0147, ADR 0148).
 *
 * The view declares layout and direction and a view switch restates them; what
 * a reviewer picks here holds until then, and a save writes it. The style is
 * the reviewer's alone: the browser remembers it and no view carries it.
 * Shown in read-only hosts too: arranging what is on screen is reading, the
 * same judgement the quick filter and a drag already make.
 */
export declare function LayoutControls({ layout, direction, onLayoutChange, onDirectionChange, stylePreset, onStyleChange, }: {
    readonly layout: LayoutMode;
    readonly direction: LayoutDirection;
    readonly onLayoutChange: (layout: LayoutMode) => void;
    readonly onDirectionChange: (direction: LayoutDirection) => void;
    /** The dress the canvas wears (ADR 0148), the reviewer's own. */
    readonly stylePreset: StylePresetId;
    readonly onStyleChange: (preset: StylePresetId) => void;
}): import("react").JSX.Element;