Labeled text input. Focus ring is light-blue; `error` turns the border coral and shows the message.

```jsx
<Input label="Email" placeholder="you@email.com" hint="For your receipt" />
<Input label="Search" iconLeft={<SearchIcon/>} />
```