import { type ButtonIcon } from "../Button";
export type SegmentedButtonPosition = "start" | "middle" | "end" | "only";
export type SegmentedButtonProps = Readonly<{
    /** Icon component (not an element) — sized to 20px by the underlying Button. */
    icon: ButtonIcon;
    /** Accessible name. Required since the button is icon-only. */
    "aria-label": string;
    /** Tooltip label shown on hover/focus. Defaults to the `aria-label`. */
    tooltip?: React.ReactNode;
    /**
     * Persistent pressed state for a toggle, e.g. a mirror axis. When set, the button
     * is exposed as a toggle via `aria-pressed`; leave undefined for momentary actions.
     */
    active?: boolean;
    disabled?: boolean;
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
    className?: string;
    /** Injected by `SegmentedButtonStack`. */
    position?: SegmentedButtonPosition;
    "data-testid"?: string;
}> & React.RefAttributes<HTMLButtonElement>;
export declare function SegmentedButton({ icon, tooltip, active, disabled, onClick, className, position, ref, "aria-label": ariaLabel, "data-testid": testId, }: SegmentedButtonProps): import("react").JSX.Element;
export declare namespace SegmentedButton {
    var displayName: string;
}
//# sourceMappingURL=SegmentedButton.d.ts.map