The `<Toast />` component. This component is designed to consume the `<ToastContent />` and the
`<ToastDetails />` component. These two sub-components can be injected with any combination of the
following:

```jsx
return (
  <Toast>
    <ToastDetails />
    <ToastContent />
  </Toast>
);
```

_or_

```jsx
return <Toast content={<ToastContent />} details={<ToastDetails />} />;
```

_or_

```jsx
return (
  <Toast content={<ToastContent />}>
    <ToastDetails />
  </Toast>
);
```

_or_

```jsx
return (
  <Toast details={<ToastDetails />}>
    <ToastContent />
  </Toast>
);
```

Note that the `controls` prop will be ignored in the case that `title` and `details` data is not
provided.