import * as React from 'react';
import { IconId } from '../icon/Icon';
import { ToggleButtonProps } from './ToggleButton';
export type BadgeToggleButtonProps = Pick<ToggleButtonProps, 'children' | 'id' | 'disabled' | 'aria-controls' | 'aria-haspopup' | 'aria-expanded' | 'sx'> & {
    /**
     * The identifier of the icon to display at the start of the toggle button.
     */
    buttonIconId?: IconId;
    /**
     * The identifier of the icon to display at badge icon button.
     */
    badgeIconId?: IconId;
    /**
     * Callback fired when the button is clicked.
     *
     * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
     * @param {any} value of the selected button.
     */
    onClickButton?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
    /**
     * Callback fired when the badgeButton is clicked.
     *
     * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
     * @param {any} value of the selected button.
     */
    onClickBadge?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
    /**
     * If `true`, the button is rendered in an active state.
     */
    selectedButton?: boolean;
    /**
     * If `true`, the badge is rendered in an active state.
     */
    selectedBadge?: boolean;
};
/**
 * A component that displays a ToggleButton whit an (optional) icon at the start or at the end combined with
 * an iconToggle at the top right corner
 * It can be disabled.
 */
declare const BadgeToggleButton: ({ children, disabled, buttonIconId, onClickBadge, onClickButton, selectedButton, selectedBadge, sx, badgeIconId }: BadgeToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
export default BadgeToggleButton;
