import type { ReactNode } from "react";
export type SplitPaneProps = {
    children: ReactNode;
    /**
     * Aside (trailing) panel content. Pass `null` to CLOSE the rail: no `<aside>` element is
     * rendered, the grid drops to one full-width column and the gap goes with it.
     */
    aside: ReactNode | null;
    /**
     * How wide the rail is once the pane is wide enough to split: `sm` 20rem,
     * `md` 22rem, `lg` 30rem. `lg` is for rails that carry a panel rather than a
     * list — a metadata table, a recently-updated feed — and it holds off
     * splitting until 64rem so the main column stays the wider of the two.
     */
    asideWidth?: "sm" | "md" | "lg";
    /** Accessible complementary landmark name; required when multiple panes share a document. */
    asideLabel?: string;
    /**
     * Fill the remaining height of the parent instead of growing with the content.
     *
     * Default `false` keeps the pane content-height — the right answer for a pane that sits in a
     * scrolling page. Set it for an app-shell surface whose columns own their own scrolling (a chat
     * transcript with a pinned composer, a full-height table beside a detail rail): the pane and
     * both columns get a DEFINITE height, so `overflow` inside a column scrolls that column rather
     * than pushing the page taller.
     *
     * The parent still decides how much height there is to fill — `fill` claims 100% of it, it does
     * not invent it. Inside a flex column give the wrapper `flex: 1; min-height: 0`.
     */
    fill?: boolean;
};
export declare function SplitPane({ children, aside, asideWidth, asideLabel, fill, }: SplitPaneProps): import("react").JSX.Element;