import { RefObject } from "react";
import "react-tabs/style/react-tabs.css";
import { IconName, IconSize } from "Icon";
import { CommonComponentProps } from "Types/common";
export declare const TAB_MIN_HEIGHT = "36px";
export type TabProp = {
    key: string;
    title: string;
    count?: number;
    panelComponent?: JSX.Element;
    icon?: IconName;
    iconSize?: IconSize;
};
export declare const TabTitle: import("styled-components").StyledComponent<"span", any, {
    responseViewer?: boolean | undefined;
}, never>;
export declare const TabCount: import("styled-components").StyledComponent<"div", any, {}, never>;
export type TabItemProps = {
    tab: TabProp;
    selected: boolean;
    vertical: boolean;
    responseViewer?: boolean;
};
export type TabbedViewComponentType = CommonComponentProps & {
    tabs: Array<TabProp>;
    selectedIndex?: number;
    onSelect?: (tabIndex: number) => void;
    overflow?: boolean;
    vertical?: boolean;
    tabItemComponent?: (props: TabItemProps) => JSX.Element;
    responseViewer?: boolean;
    canCollapse?: boolean;
    containerRef?: RefObject<HTMLElement>;
    expandedHeight?: string;
};
export type CollapsibleTabProps = {
    containerRef: RefObject<HTMLDivElement>;
    expandedHeight: string;
};
export type CollapsibleTabbedViewComponentType = TabbedViewComponentType & CollapsibleTabProps;
export declare const collapsibleTabRequiredPropKeys: Array<keyof CollapsibleTabProps>;
export declare const isCollapsibleTabComponent: (props: TabbedViewComponentType | CollapsibleTabbedViewComponentType) => props is CollapsibleTabbedViewComponentType;
export declare function TabComponent(props: TabbedViewComponentType | CollapsibleTabbedViewComponentType): JSX.Element;