Segmented

A top-bar switch — two or three short choices side by side, the selected one lifted onto the surface. The choice applies at once.

When to use it

There are few choices, they are short and they fit side by side — theme, language, density.
The choice applies immediately and is not confirmed. A switch that still has to be saved somewhere is a form, not a bar.

Views of the page content are being switched. Those are tabs — IngotTabs; they belong to the content below them, this switch to the bar above it.
There are more than three choices, or they are long. Then it is IngotSelect — otherwise the switch spreads across half the bar.
A colour is being chosen. That is IngotAccentSwatches — a family name does not say how the screen will look.

options: readonly IngotSegmentedOption[] — The choices in render order. Two or three; more belongs in a select.
value: string — The selected choice.
onChange: (value: string) => void — The choice is handed out — the component does not remember it.
label: string — Names the group for a screen reader (“Theme”). Required for the same reason as on the swatches.
testId: string — An anchor for tests — on the group; each option derives its own from it.