import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
export type TTabsItem = Readonly<{
    key: string;
    label: string;
    badge?: string | number;
    disabled?: boolean;
}>;
export declare const TTabs: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    items: {
        type: PropType<readonly TTabsItem[]>;
        required: true;
    };
    activeKey: {
        type: StringConstructor;
        required: true;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    activeStyle: {
        type: PropType<Style>;
        default: () => {
            inverse: boolean;
        };
    };
    disabledStyle: {
        type: PropType<Style>;
        default: () => {
            dim: boolean;
        };
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "update:activeKey": (_key: string) => true;
    change: (_item: TTabsItem) => true;
}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    items: {
        type: PropType<readonly TTabsItem[]>;
        required: true;
    };
    activeKey: {
        type: StringConstructor;
        required: true;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    activeStyle: {
        type: PropType<Style>;
        default: () => {
            inverse: boolean;
        };
    };
    disabledStyle: {
        type: PropType<Style>;
        default: () => {
            dim: boolean;
        };
    };
}>> & Readonly<{
    onChange?: ((_item: Readonly<{
        key: string;
        label: string;
        badge?: string | number;
        disabled?: boolean;
    }>) => any) | undefined;
    "onUpdate:activeKey"?: ((_key: string) => any) | undefined;
}>, {
    style: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    zIndex: number;
    activeStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    disabledStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
}, {}>;
export type TSplitPaneDirection = "horizontal" | "vertical";
export type TSplitPaneRect = Readonly<{
    x: number;
    y: number;
    w: number;
    h: number;
}>;
export declare const TSplitPane: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    direction: {
        type: PropType<TSplitPaneDirection>;
        default: string;
    };
    sizes: {
        type: PropType<readonly number[]>;
        required: true;
    };
    minSizes: {
        type: PropType<readonly number[]>;
        default: () => never[];
    };
    separatorStyle: {
        type: PropType<Style>;
        default: () => {
            dim: boolean;
        };
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "update:sizes": (_sizes: number[]) => true;
    resize: (_sizes: number[]) => true;
}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    direction: {
        type: PropType<TSplitPaneDirection>;
        default: string;
    };
    sizes: {
        type: PropType<readonly number[]>;
        required: true;
    };
    minSizes: {
        type: PropType<readonly number[]>;
        default: () => never[];
    };
    separatorStyle: {
        type: PropType<Style>;
        default: () => {
            dim: boolean;
        };
    };
}>> & Readonly<{
    onResize?: ((_sizes: number[]) => any) | undefined;
    "onUpdate:sizes"?: ((_sizes: number[]) => any) | undefined;
}>, {
    zIndex: number;
    direction: TSplitPaneDirection;
    minSizes: readonly number[];
    separatorStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
}, {}>;