/// <reference types="react" />
import { IconGripVertical } from '@tabler/icons-react';
import { PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
import type { Merge } from 'type-fest';
declare const resizable: import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            root?: import("tailwind-merge").ClassNameValue;
            handleIndicator?: import("tailwind-merge").ClassNameValue;
            handleIndicatorIcon?: import("tailwind-merge").ClassNameValue;
            handle?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            root?: import("tailwind-merge").ClassNameValue;
            handleIndicator?: import("tailwind-merge").ClassNameValue;
            handleIndicatorIcon?: import("tailwind-merge").ClassNameValue;
            handle?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    root: string;
    handle: string[];
    handleIndicator: string;
    handleIndicatorIcon: string;
}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            root?: import("tailwind-merge").ClassNameValue;
            handleIndicator?: import("tailwind-merge").ClassNameValue;
            handleIndicatorIcon?: import("tailwind-merge").ClassNameValue;
            handle?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}>, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            root?: import("tailwind-merge").ClassNameValue;
            handleIndicator?: import("tailwind-merge").ClassNameValue;
            handleIndicatorIcon?: import("tailwind-merge").ClassNameValue;
            handle?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    root: string;
    handle: string[];
    handleIndicator: string;
    handleIndicatorIcon: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    root: string;
    handle: string[];
    handleIndicator: string;
    handleIndicatorIcon: string;
}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            root?: import("tailwind-merge").ClassNameValue;
            handleIndicator?: import("tailwind-merge").ClassNameValue;
            handleIndicatorIcon?: import("tailwind-merge").ClassNameValue;
            handle?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}>, unknown, unknown, undefined>>;
declare function ResizableRoot(props: React.ComponentProps<typeof PanelGroup>): import("react/jsx-runtime").JSX.Element;
declare function ResizableHandle({ indicatorProps, indicatorIconProps, withIndicator, ...props }: Merge<React.ComponentProps<typeof PanelResizeHandle>, {
    withIndicator?: boolean;
    indicatorProps?: React.ComponentProps<'div'>;
    indicatorIconProps?: React.ComponentProps<typeof IconGripVertical>;
}>): import("react/jsx-runtime").JSX.Element;
declare const Resizable: typeof ResizableRoot & {
    Panel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<keyof HTMLElementTagNameMap>, "id" | "onResize"> & {
        className?: string | undefined;
        collapsedSize?: number | undefined;
        collapsible?: boolean | undefined;
        defaultSize?: number | undefined;
        id?: string | undefined;
        maxSize?: number | undefined;
        minSize?: number | undefined;
        onCollapse?: import("react-resizable-panels").PanelOnCollapse | undefined;
        onExpand?: import("react-resizable-panels").PanelOnExpand | undefined;
        onResize?: import("react-resizable-panels").PanelOnResize | undefined;
        order?: number | undefined;
        style?: object | undefined;
        tagName?: keyof HTMLElementTagNameMap | undefined;
    } & {
        children?: import("react").ReactNode;
    } & import("react").RefAttributes<import("react-resizable-panels").ImperativePanelHandle>>;
    Handle: typeof ResizableHandle;
};
export default Resizable;
export { resizable };
export * as ResizablePrimitive from 'react-resizable-panels';
//# sourceMappingURL=resizable.d.ts.map