[Switch] Implement new API

[colmtuite]

Anatomy

// JSX
<Switch required>
  <Switch.Thumb />
</Switch>

// Rendered HTML
<button type="button" role="switch" aria-checked="false" data-state="unchecked" data-required>
  <span data-state="unchecked" data-required />
</button>
<input type="checkbox" aria-hidden="true" tabindex="-1" style="hide visually" required />

Components

Root

Rendered element: button

prop	type	default
required	boolean	false
disabled	boolean	false
autoFocus	boolean	false
readOnly	boolean	false
name	string
checked	boolean
defaultChecked	boolean
onChange	(event: ChangeEvent) ⇒ void

Thumb

Rendered element: span

prop	type	type
render	(props, state) ⇒ ReactElement
className

State Object

• required
• disabled
• readOnly
• checked