import React from "react";
import { TagProps } from "../../__internal__/utils/helpers/tags";
import { IconType } from "../icon";
export interface ButtonToggleProps extends TagProps {
    /** Prop to specify the aria-label of the component */
    "aria-label"?: string;
    /** Prop to specify the aria-labelledby property of the component */
    "aria-labelledby"?: string;
    /** Content to display within the button. */
    children?: React.ReactNode;
    /** Callback triggered by blur event on the button. */
    onBlur?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
    /** Callback triggered by focus event on the button. */
    onFocus?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
    /** Callback triggered by click event on the button. */
    onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
    /** Set the pressed state of the toggle button when used outside of a group. */
    pressed?: boolean;
    /** An optional string by which to identify the button in an onChange handler on the parent ButtonToggleGroup. */
    value?: string;
    /** Icon rendered within the button. Will not be rendered if size is small. */
    buttonIcon?: IconType;
    /**
     * Sets the size of the buttonIcon
     * @deprecated `buttonIconSize` is no longer supported.
     */
    buttonIconSize?: "small" | "large";
    /** Disable the ButtonToggle. */
    disabled?: boolean;
    /** ButtonToggle size */
    size?: "small" | "medium" | "large";
    /** Allow a selected button to be deselected. */
    allowDeselect?: boolean;
    /** @private @internal @ignore */
    "data-component"?: string;
}
export declare const ButtonToggle: {
    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, buttonIcon, buttonIconSize, children, disabled, onBlur, onFocus, onClick, pressed, size, value, "data-component": dataComponent, ...rest }: ButtonToggleProps): React.JSX.Element;
    displayName: string;
};
export default ButtonToggle;