# Toast Centre

The `<ToastCentre />` takes a list of `messages` with the following shape:

- `text` (required)
  - text to be displayed
- `onClose` callback
  - will be fired after the toast is closed
- `id`
  - the argument passed when calling the `onClose` callback
- `timerDelay` (default: 5000)
  - custom time in milliseconds to dismiss the toast
- `level`
  - one of info, success, or error

```jsx
<ToastCentre messages={messages} />
```
