import * as React from 'react';
import { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material/ToggleButton';
import { IconId } from '../icon/Icon';
export declare const toggleButtonTypes: readonly ["button", "submit", "reset"];
export type ToggleButtonProps = Pick<MuiToggleButtonProps, 'children' | 'id' | 'disabled' | 'onClick' | 'aria-controls' | 'aria-haspopup' | 'aria-expanded' | 'sx' | 'type' | 'selected' | 'onChange'> & {
    /**
     * The identifier of the icon to display at the start of the button.
     */
    iconId?: IconId;
    /**
     * The value to associate with the button when selected in a
     * ToggleButtonGroup.
     */
    value?: string;
    /**
     * The text to display in the button.
     */
    text?: string;
    /**
     * The ref to button.
     */
    buttonRef?: React.Ref<HTMLButtonElement>;
};
/**
 * A component that displays a ToggleButton with an icon at the start or at the end.
 * It can be disabled.
 */
declare const ToggleButton: ({ children, iconId, value, text, buttonRef, ...props }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
export default ToggleButton;
