import * as React from 'react';
export interface ResizableSectionsOptions<Id extends string> {
    ids: readonly Id[];
    defaultWeights: Record<Id, number>;
    minWeights: Record<Id, number>;
    open: Record<Id, boolean>;
    separatorHeight?: number;
}
export interface ResizableSections<Id extends string> {
    layoutRef: React.RefObject<HTMLDivElement | null>;
    gridTemplateRows: string;
    weights: Record<Id, number>;
    separatorAfter: (id: Id) => boolean;
    beginResize: (id: Id) => (event: React.PointerEvent<HTMLElement>) => void;
    separatorHeight: number;
}
/**
 * Draggable-separator layout for N collapsible sidebar sections. A separator
 * resizes only its two neighbours, clamped against that pair's own sum.
 */
export declare function useResizableSections<Id extends string>(options: ResizableSectionsOptions<Id>): ResizableSections<Id>;
//# sourceMappingURL=useResizableSections.d.ts.map