import type { SegmentedControlSize } from "../SegmentedControl/SegmentedControlProps"; /** @deprecated Use `SegmentedControl` — this two-option pill is kept only for existing call sites. */ export type SwitchProps = { /** Label of the left segment; when both labels are empty the control drops its 12.5rem minimum width. */ leftText: string; /** Label of the right segment. */ rightText: string; /** Rendered before the left label. */ leftIcon?: JSX.Element; /** Rendered before the right label. */ rightIcon?: JSX.Element; /** Fires on click and on arrow/Home/End keys with the newly selected side. */ onSwitchToggle: (value: "left" | "right") => void; /** Controlled selected side; the pill only moves when this changes. */ switchActive: "left" | "right"; /** Whole-track height on the button control scale (sm 32 · md 40 · lg 48px, as Button); defaults to "sm". Pass "md" beside a "md" field. */ size?: SegmentedControlSize; /** Background this sits on. Optional: the track is opaque on any backdrop; pass it only to aim the plate's hairline edge at the real backdrop. */ surface?: string; /** Names the radiogroup; pass it, as there is no visible group label. */ "aria-label"?: string; };