import React, { ComponentProps } from 'react';
declare const HorizontalTabItem: React.FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        clear: import("styled-components").FlattenSimpleInterpolation;
        secondary: import("styled-components").FlattenSimpleInterpolation;
        divider: import("styled-components").FlattenSimpleInterpolation;
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xs: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        h6: import("styled-components").FlattenSimpleInterpolation;
        h5: import("styled-components").FlattenSimpleInterpolation;
        h4: import("styled-components").FlattenSimpleInterpolation;
        h3: import("styled-components").FlattenSimpleInterpolation;
        h2: import("styled-components").FlattenSimpleInterpolation;
        h1: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & ((import("../../../components/Tabs").BaseTabItemProps & {
    orientation?: "horizontal";
    contentLeft?: React.ReactNode;
    pilled?: boolean;
    animated?: boolean;
    view?: string;
    size?: "xs" | "s" | "m" | "l";
    isActive?: boolean;
} & {
    value?: string | number;
    contentRight?: never;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../../components/Tabs").BaseTabItemProps & {
    orientation?: "horizontal";
    contentLeft?: React.ReactNode;
    pilled?: boolean;
    animated?: boolean;
    view?: string;
    size?: "xs" | "s" | "m" | "l";
    isActive?: boolean;
} & {
    value?: never;
    contentRight?: React.ReactNode;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../../components/Tabs").BaseTabItemProps & {
    orientation?: "horizontal";
    contentLeft?: never;
    pilled?: never;
    animated?: never;
    view?: string;
    size: "h6" | "h5" | "h4" | "h3" | "h2" | "h1";
    isActive?: never;
} & {
    value?: string | number;
    contentRight?: never;
} & React.RefAttributes<HTMLButtonElement>))>;
declare const HorizontalIconTabItem: React.FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        clear: import("styled-components").FlattenSimpleInterpolation;
        secondary: import("styled-components").FlattenSimpleInterpolation;
        divider: import("styled-components").FlattenSimpleInterpolation;
        default: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xs: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        h6: import("styled-components").FlattenSimpleInterpolation;
        h5: import("styled-components").FlattenSimpleInterpolation;
        h4: import("styled-components").FlattenSimpleInterpolation;
        h3: import("styled-components").FlattenSimpleInterpolation;
        h2: import("styled-components").FlattenSimpleInterpolation;
        h1: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & Omit<import("../../../components/Tabs").BaseTabItemProps, "value" | "contentRight" | "maxItemWidth"> & import("../../../components/Tabs/TabItem.types").CustomHorizontalIconTabItemProps & React.RefAttributes<HTMLButtonElement>>;
declare const VerticalTabItem: React.FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        divider: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xs: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & ((import("../../../components/Tabs").BaseTabItemProps & {
    orientation: "vertical";
    contentLeft?: React.ReactNode;
    view?: string;
    size?: string;
} & {
    value?: string | number;
    contentRight?: never;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../../components/Tabs").BaseTabItemProps & {
    orientation: "vertical";
    contentLeft?: React.ReactNode;
    view?: string;
    size?: string;
} & {
    value?: never;
    contentRight?: React.ReactNode;
} & React.RefAttributes<HTMLButtonElement>))>;
declare const VerticalIconTabItem: React.FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        divider: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xs: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & Omit<import("../../../components/Tabs").BaseTabItemProps, "value" | "contentRight" | "maxItemWidth"> & import("../../../components/Tabs/TabItem.types").CustomVerticalIconTabItemProps & React.RefAttributes<HTMLButtonElement>>;
type TabItemProps = ComponentProps<typeof HorizontalTabItem> | ComponentProps<typeof VerticalTabItem>;
type IconTabItemProps = ComponentProps<typeof HorizontalIconTabItem> | ComponentProps<typeof VerticalIconTabItem>;
export declare const TabItem: (props: TabItemProps) => JSX.Element;
export declare const IconTabItem: (props: IconTabItemProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
export {};
//# sourceMappingURL=TabItem.d.ts.map