import { FlexProps } from '@chakra-ui/react';
import { AnyEventObject } from 'xstate';
declare type ResizeContext = {
    gap: number;
    widths: string[];
    preWidths: string[];
    barPositions: number[];
    activeIndex: number;
    deltaX: number;
    rowWidth: number;
};
export declare enum ResizeState {
    STOP = "STOP",
    START = "START"
}
export declare enum ResizeEvent {
    STOP = "STOP",
    START = "START",
    MOVE = "MOVE",
    UPDATE_GAP_WIDTHS = "UPDATE_GAP_WIDTHS"
}
export declare const resizeMachine: import("xstate").StateMachine<ResizeContext, any, AnyEventObject, {
    value: any;
    context: ResizeContext;
}, import("xstate").ActionObject<ResizeContext, AnyEventObject>>;
export declare type RowProps = {
    column?: number;
    gap?: string;
    stack?: boolean;
    reverse?: boolean;
    maxW?: string;
    minH?: string;
    widths?: (number | string)[];
};
export declare const RowWrapper: import("@chakra-ui/react").ComponentWithAs<import("@chakra-ui/react").As<any>, FlexProps & Pick<RowProps, "gap" | "maxW" | "minH" | "reverse" | "stack">>;
export declare const ColumnWrapper: import("@chakra-ui/react").ComponentWithAs<import("@chakra-ui/react").As<any>, FlexProps>;
export declare const getRowDefaultProps: <T extends RowProps>({ column, gap, stack, reverse, maxW, minH, widths, ...restProps }: T) => {
    column: number;
    gap: string;
    stack: boolean;
    reverse: boolean;
    maxW: string;
    minH: string;
    widths: (string | number)[];
} & Omit<T, "gap" | "maxW" | "minH" | "reverse" | "widths" | "column" | "stack">;
export {};
