import { BoxProps, TabProps, TabsProps, TypographyProps, TabsOwnProps, Theme } from '@mui/material';
import { ReactNode, DetailedHTMLProps, HTMLAttributes } from 'react';
import { IconMappingProps } from '../../Icons';
import { StyledComponent } from '@emotion/styled';
import { CommonProps } from '@mui/material/OverridableComponent';
import { MUIStyledCommonProps } from '@mui/system';
export type TabVariants = "primary" | "secondary" | "buttons";
export type FoodsTabTemplateOption<IdType = unknown> = {
    id?: IdType;
    name: ReactNode;
    icon?: IconMappingProps;
    disabled?: boolean;
    TabProps?: TabProps;
};
export type FoodsTabsProps<IdType = unknown> = {
    tabs: FoodsTabTemplateOption<IdType>[];
    tabVariant: TabVariants;
    textVariant?: TypographyProps["variant"];
    selectedTabIndex?: number;
    /**
     * Force scrollable behavior even on desktop.
     * If not provided, scrollable will be automatically enabled on mobile devices.
     */
    forceScrollable?: boolean;
    BoxProps?: BoxProps;
    TabsProps?: TabsProps;
    TabProps?: TabProps;
};
export declare const FoodsTabs: <IdType>(props: FoodsTabsProps<IdType>) => import("react/jsx-runtime").JSX.Element;
export declare const SpecialTabs: StyledComponent< TabsOwnProps & CommonProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "variant" | "value" | "slots" | "slotProps" | "orientation" | "action" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
    component?: React.ElementType;
} & {
    tabVariant: TabVariants;
} & MUIStyledCommonProps<Theme>, {}, {}>;