import { ReactNode } from 'react';
export interface SegmentedOption<T extends string> {
    value: T;
    label: string;
    icon?: ReactNode;
}
/**
 * Segmented control — the premium-editor answer to a short enum: every choice is
 * visible on a rail instead of hidden behind a dropdown. One button per option;
 * the active one lifts onto a white chip. Use it for 2–3 options with clear
 * icons (trigger, HTTP method, popup direction); longer lists stay <Select>s.
 *
 * A11y: a radio-style group where the pressed button carries aria-pressed.
 * Styling: `.seg-ctrl` / `.seg-item` in builder.css.
 */
export declare function Segmented<T extends string>({ value, onChange, options, ariaLabel, 
/** Hide the text label and keep only the icon (compact, icon-only rail). */
iconOnly, }: {
    value: T;
    onChange: (v: T) => void;
    options: SegmentedOption<T>[];
    ariaLabel?: string;
    iconOnly?: boolean;
}): import("react").JSX.Element;