import type { ViewProps } from "../View";
import type { UseDragCallbackArgs } from "../../hooks/_private/useDrag";
import type React from "react";
export type Props = {
    /** Component render variant */
    variant?: "bordered" | "borderless";
    /** Component content direction with the resize handle rendered in between the chidlren */
    direction?: Extract<ViewProps["direction"], "row" | "column">;
} & Pick<ViewProps, "children" | "className" | "attributes" | "height" | "gap">;
export type ItemProps = {
    /** Node for inserting content */
    children: React.ReactNode;
    /** Minimum size of the resizable pane */
    minSize?: `${number}px`;
    /** Maximum size of the resizable pane */
    maxSize?: `${number}px`;
    /** Default size of the resizable pane */
    defaultSize?: `${number}px`;
};
export type PrivateItemProps = ItemProps & {
    index: number;
};
export type HandleProps = {
    /** Render function for custom resize handles with attributes and props passed as arguments */
    children?: (attributes: {
        ref: React.RefObject<HTMLButtonElement | null>;
    }, props: Pick<Props, "direction"> & {
        status: "idle" | "dragging";
    }) => React.ReactNode;
};
export type HandleContext = {
    containerRef: React.RefObject<HTMLDivElement | null>;
    index: number;
    onDrag: (args: UseDragCallbackArgs & {
        index: number;
    }) => void;
} & Pick<Props, "direction">;
export type ItemsRefProps = {
    el: HTMLDivElement | null;
    props: ItemProps;
}[];