### Basic usage

```js
initialState = { value: [], number: 0 }
import { ToastContainer, Button, ToastProvider, withToast } from 'frontend-react-components';

const CoolComponent = ({ addToast }) => (
  <Button onClick={() => addToast(
      <div>
          Episode 'Cool' has been saved as a draft. <span className="link">View Drafts.</span>
      </div>)
  }>
    Toast Context Example
  </Button>
);

const Toasted = withToast(CoolComponent);

<div>
  <Button onClick={() => setState((oldState) => ({ value: [...state.value, `New Toast ${state.number}`], number: oldState.number + 1 }))}>Pop Toast</Button>
  <ToastContainer messages={state.value} setMessages={ (messages) => setState({ value: messages }) } />


  <ToastProvider>
    <Toasted />
  </ToastProvider>
</div>
```