### Modal

A very simple modal which is a wrapper around Reach UI's accessible `<Dialog>` [component](https://reach.tech/dialog/).

The wrapper has some very basic styling, pass in children with your own styling to put buttons and content in the modal (see the story for an example).

- `isOpen`: boolean - use to display the modal or not - tie this to a button `onClick` handler to toggle
- `onDismiss`: function that sets `isOpen` to false, closing the modal
- `className`: any additional classes to give the component
- `children`: any additional components you want to render inside the card.

### TemplateModal

A very handholdey modal, which takes care of buttons, title and styling for you - you just need to add the content.

The wrapper has styling mostly handled.

- `isOpen`: boolean - use to display the modal or not - tie this to a button `onClick` handler to toggle
- `onDismiss`: function that sets `isOpen` to false, closing the modal
- `className`: any additional classes to give the component
- `children`: any additional components you want to render inside the card.
- `title`: the title of the modal,
- `confirmationAction`: a function of what you would like to happen when the modal is confirmed (either confirming a confirm, or confirming a cancel),
- `cancel`: a string of the text to appear in the cancellation confirm button
- `confirm`: a string of the text to appear in the confirm button