import * as React from 'react';
/** A tile's rectangle in percent of the container (both axes 0–100). */
export interface MockupRect {
    x: number;
    y: number;
    w: number;
    h: number;
}
interface LayoutSpec {
    widths: [number, number, number];
    splits: [number, number, number];
}
export declare const MOCKUP_LAYOUTS: LayoutSpec[];
/** Horizontal/vertical gap between tiles, in percent. */
export declare const MOCKUP_GAP = 3;
/**
 * Computes the six tile rects for one layout. Tile order is
 * [c0-top, c0-bottom, c1-top, c1-bottom, c2-top, c2-bottom].
 *
 * Columns keep a constant `gap` between them and top/bottom keep a constant
 * `gap` between them — this is what makes every transition overlap-free.
 */
export declare function computeLayoutRects(layout: LayoutSpec, gap?: number): MockupRect[];
/** The precomputed rects for all four layouts (exported for the overlap test). */
export declare function mockupLayoutRects(gap?: number): MockupRect[][];
/**
 * Full-bleed skeleton dashboard: 3 static cards stacked full-width.
 * No reflow animation — size and layout stability matter more than motion.
 * Purely decorative — always `aria-hidden`, no text.
 *
 * The layout-math helpers above (`computeLayoutRects`, etc.) stay exported for
 * the overlap unit test / future reuse; the visible UI is the stack only.
 */
export declare function DashboardEmptyMockup({ className }: {
    className?: string;
}): React.JSX.Element;
export {};
//# sourceMappingURL=dashboard-empty-mockup.d.ts.map