import type { HTMLAttributes, ReactNode, ElementType } from 'react';
import type { SpaceToken } from './tokens.js';
export interface SplitProps extends HTMLAttributes<HTMLElement> {
    /**
     * Fraction of the container the primary pane should take, expressed as
     * a CSS fraction string. Defaults to `'2fr 1fr'` (primary 2x sidebar).
     *
     * @example
     *   <Split fraction="3fr 1fr">         // 75% / 25%
     *   <Split fraction="minmax(0, 1fr) 320px">  // fluid + fixed sidebar
     */
    fraction?: string;
    /** Gap between the two panes. */
    space?: SpaceToken;
    /**
     * Stack vertically at this breakpoint and below. Pass `false` to never
     * stack. Defaults to `md` (stacks on screens narrower than 768px).
     */
    stackBelow?: 'sm' | 'md' | 'lg' | 'xl' | false;
    /** Reverse the order of children (sidebar first instead of second). */
    reverse?: boolean;
    /** Render as a different element. */
    as?: ElementType;
    children: [ReactNode, ReactNode];
}
/**
 * Two-pane split layout (primary + sidebar/aside) that collapses to a
 * stacked layout below a configurable breakpoint. Use this for the
 * document editor (`<Split fraction="minmax(0, 1fr) 320px">`), settings
 * pages with a navigation rail, etc. — anywhere two panes need to live
 * side-by-side at desktop widths and stack on mobile.
 */
export declare function Split({ fraction, space, stackBelow, reverse, as: Component, className, style, children, ...rest }: SplitProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Split.d.ts.map