import { ToggleGroup } from "@base-ui/react/toggle-group";
import type { ComponentProps } from "react";
import { type KitStyled, type KitEngine, type KitRendered } from "../tokens.js";
export type SegmentItem = string | number | {
    value?: string | number;
    label?: string | number;
    disabled?: boolean;
};
interface SegmentedControlOwnProps extends KitStyled {
    items: SegmentItem[];
    /** The initially selected segment's value. */
    value?: string;
    disabled?: boolean;
    /** Bound change handler; receives the selected value. */
    onChange?: (value: string) => void;
}
/** Plus any Base UI `<ToggleGroup>` prop, handed straight to the bar — which is
 *  this control's ROOT, so the Kit's own `style` dresses it. */
export type SegmentedControlProps = SegmentedControlOwnProps & KitEngine<ComponentProps<typeof ToggleGroup>, SegmentedControlOwnProps>;
export declare function SegmentedControl({ items, value, disabled, onChange, style, children, pending, ...engine }: SegmentedControlProps & KitRendered): import("react").JSX.Element;
export {};