import { ToggleButtonProps } from '@mui/material';
import { IconMapping } from '../Icons';
import { ForwardRefExoticComponent, RefAttributes } from 'react';
type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "key" | "value" | "onClick" | "selected" | "unselectable">;
type ButtonId = number | string;
export type FoodsToggleButtonType = {
    id: ButtonId;
    label?: string;
    endIcon?: keyof IconMapping;
    startIcon?: keyof IconMapping;
    onClick?: () => void;
    disabled?: boolean;
    color?: string;
    nav?: {
        url: string;
        isExternal?: boolean;
    };
};
export type FoodsToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
    buttons: FoodsToggleButtonType[];
    initialSelected?: FoodsToggleButtonType;
    ToggleButtonProps?: ToggleButtonsPropsWithoutEnforcedKeys;
    buttonGroup?: boolean;
    unselectable?: boolean;
    className?: string;
};
/**
 * This component needs to be refactored because this is used for NAVIGATION and we should use the TABS component
 * instead.
 * Because https://mui.com/material-ui/react-toggle-button/
 * The ToggleButton is meant to be used as an INPUT.
 * Not a Navigation Component, but we use it as a Navigation regardless.
 */
export declare const FoodsToggleButton: ForwardRefExoticComponent<Omit<FoodsToggleButtonProps, "ref"> & RefAttributes<unknown>>;
export {};