import { type ReactNode } from 'react';
import { type BezierIcon } from '@channel.io/bezier-icons';
import { type BezierComponentProps, type DisableProps, type PolymorphicProps, type SizeProps } from "../../types/props";
type ToggleButtonSize = 'm';
interface ToggleButtonOwnProps {
    /**
     * The text content in the button.
     */
    text: string;
    /**
     * Props that shows whether the button is selected.
     * @default false
     */
    selected?: boolean;
    /**
     * The selected state of the button when it is initially rendered.
     * Use when you **do not need to control** its selected state.
     */
    defaultSelected?: boolean;
    /**
     * The value to associate with the button when selected in a `ToggleButtonGroup` component.
     */
    value: string;
    /**
     * Types of visual styles for button.
     * @default 'primary'
     */
    variant?: 'primary' | 'secondary';
    /**
     * Shape of button.
     * @default 'capsule'
     */
    shape?: 'capsule' | 'rectangle';
    /**
     * Icon on the left.
     */
    prefixContent?: BezierIcon | ReactNode;
    /**
     * Icon on the right.
     */
    suffixContent?: BezierIcon | ReactNode;
    /**
     * Callback function to be called when the button toggles.
     */
    onSelectedChange?: (selected: boolean) => void;
}
export interface ToggleButtonProps extends Omit<BezierComponentProps<'button'>, keyof ToggleButtonOwnProps>, PolymorphicProps, SizeProps<ToggleButtonSize>, DisableProps, ToggleButtonOwnProps {
}
export {};
//# sourceMappingURL=ToggleButton.types.d.ts.map