import { AriaLabelingProps, InteractionStatesProps } from "../../shared"; import { ComponentProps, ElementType, ForwardedRef, ReactNode, SyntheticEvent } from "react"; export interface InnerToggleIconButtonProps extends InteractionStatesProps, AriaLabelingProps { /** * A controlled checked value. */ checked?: boolean | null; /** * The initial value of `checked` when uncontrolled. */ defaultChecked?: boolean; /** * The value to associate with when in a group. */ value?: string; /** * Called when the toggle icon button checked state change. * @param {SyntheticEvent} event - React's original event. * @param {bool} isChecked - Whether the button is checked. * @returns {void} */ onChange?: (event: SyntheticEvent, isChecked: boolean) => void; /** * The style to use. */ variant?: "solid" | "outline"; /** * The toggle icon button color accent. */ color?: "primary" | "secondary"; /** * The toggle icon button shape. */ shape?: "rounded" | "circular"; /** * Whether or not the toggle icon button content should takes additional space. */ condensed?: boolean; /** * Whether or not the toggle icon button should autoFocus on render. */ autoFocus?: boolean | number; /** * A toggle icon button can vary in size. */ size?: "sm" | "md"; /** * Whether or not the toggle icon button is disabled. */ disabled?: boolean; /** * Defines a string value that labels the current element.. */ "aria-label": string; /** * An HTML element type or a custom React element type to render as. */ as?: ElementType; /** * Default slot override. */ slot?: string; /** * React children. */ children: ReactNode; /** * @ignore */ forwardedRef: ForwardedRef; } export declare function InnerToggleIconButton(props: InnerToggleIconButtonProps): JSX.Element; export declare const ToggleIconButton: import("../../shared").OrbitComponent<"button", InnerToggleIconButtonProps>; export declare type ToggleIconButtonProps = ComponentProps;