/*! Strand UI | MIT License | dillingerstaffing.com */
import type { ComponentChildren, JSX } from "preact";
export interface ReserveProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "placeholder"> {
    /** The content has arrived. */
    ready?: boolean;
    /** The answer arrived and there is nothing to show; collapses the region and wins over `ready`. */
    empty?: boolean;
    /** Shown while waiting, usually `Skeleton`s. */
    placeholder?: ComponentChildren;
    /** Reserved minimum height at the base breakpoint. */
    height?: string;
    /** From 768px up; falls back to `height`. */
    heightMd?: string;
    /** From 1024px up; falls back to `heightMd`. */
    heightLg?: string;
}
/**
 * Holds its box while data loads, then cross-fades placeholder to content (DL 6.6.1, 6.6.2).
 *
 * @example
 * <Reserve ready={!!rows} empty={settled && !rows?.length} placeholder={<Skeleton />}>{rows && <Rows data={rows} />}</Reserve>
 */
export declare const Reserve: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ReserveProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=Reserve.d.ts.map