One-line: peer views of the same object — never a wizard, never navigation between pages.

```jsx
<Tabs defaultValue="upcoming">
  <TabsList><TabsTab value="upcoming">Upcoming</TabsTab><TabsTab value="past">Past</TabsTab></TabsList>
  <TabsPanel value="upcoming">…</TabsPanel>
</Tabs>
```

\`variant="default"\` puts the active tab on a raised background inside a muted trough; \`variant="underline"\` draws a 2px \`--primary\` rule under it.
