import { keysTheme } from "../../../../data/dataMx";
import { ISize } from "../../atoms/Typography/TypographyProps";
export interface ITab {
    id: string;
    text: string;
    iconName?: string;
}
export interface ITabMenuProps {
    /** List of tabs to be shown text and icon includes ID, Tab Text and Icon name of each tab */
    tabs: Array<ITab>;
    /** Width of the tabs */
    tabsWidth?: string;
    /** Height of the tabs */
    tabHeight?: string;
    /** the Id of the tab that shoud be selected on component load */
    starterSelectedTab?: string;
    /** The color that is shown when a tab is selected */
    selectedColor?: keysTheme;
    /** If true ttab text and icon would be colored when selected */
    shouldColorLabel?: boolean;
    /** The size of the Icon*/
    iconsSize?: number;
    /** The size of the tab's text */
    labelsSize?: ISize;
    /** Callback when a tab is selected */
    onTabSelected: (selectedTab: string) => void;
    /** If true Filter button will be shown */
    withFilter?: boolean;
    /** Callback used to whatever is needed when clicking the filter button */
    onFilterClicked?: () => void;
}
export declare const MoleculeTabMenu: ({ tabs, selectedColor, shouldColorLabel, tabsWidth, tabHeight, iconsSize, labelsSize, starterSelectedTab, onTabSelected, withFilter, onFilterClicked }: ITabMenuProps) => JSX.Element;
