import { FluxDirection } from '@flux-ui/types';
import { ComputedRef, Ref } from 'vue';
export type SplitViewPane = {
    readonly id: number;
    readonly key: string | number;
    readonly defaultSize: number | string | undefined;
    readonly minSize: number;
    readonly maxSize: number | undefined;
    readonly isResizable: boolean;
};
export type UseSplitViewOptions = {
    readonly containerRef: Readonly<Ref<HTMLElement | null>>;
    readonly direction: Readonly<Ref<FluxDirection>>;
    readonly panes: Readonly<Ref<readonly SplitViewPane[]>>;
    readonly rememberKey: string | undefined;
};
export type UseSplitViewReturn = {
    readonly sizes: Readonly<Ref<readonly number[]>>;
    readonly templateStyle: ComputedRef<Record<string, string>>;
    readonly isDragging: Readonly<Ref<boolean>>;
    onHandleKeyDown(evt: KeyboardEvent, handleIndex: number): void;
    onHandlePointerDown(evt: PointerEvent, handleIndex: number): void;
};
export declare function useSplitView(options: UseSplitViewOptions): UseSplitViewReturn;