# SimplePopup

## Props
| Name                    | Type                     | Default        | Required | Description                                                                                                                                                                                                                                                                                                                                      |
| ----------------------- | ------------------------ | -------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| isOpen                  | boolean                  | false          | false    | if true, component will be visible                                                                                                                                                                                                                                                                                                               |
| baseClass               | string                   | 'simple-popup' | false    | css class given to root div of this component. All child css classes will<br>have `baseClass` prepended to it                                                                                                                                                                                                                                    |
| showLoader              | boolean                  | false          | false    | if true, loader shows                                                                                                                                                                                                                                                                                                                            |
| title                   | string                   | ''             | false    | String title for modal                                                                                                                                                                                                                                                                                                                           |
| description             | string                   | ''             | false    | String that displays in `div.${baseClass}__body` of modal                                                                                                                                                                                                                                                                                        |
| renderContent           | Function                 | () => false    | false    | Function that renders jsx in place of `description`                                                                                                                                                                                                                                                                                              |
| options                 | Array&lt;OptionShape&gt; | []             | false    | Array of object that used to render the footer buttons of modal. Each object<br>has the following `PropShape`:<br>- `cb`: Function (callback function triggered on click),<br>- `buttonText`: string (text for button),<br>- `buttonClass`: string (css class assign to button element),<br>- `dataQeId`: string (unique identifier for button), |
| close                   | Function                 | () => false    | false    | Function triggered to hide visibility of modal                                                                                                                                                                                                                                                                                                   |
| size                    | string                   | '--small'      | false    | Size set for `<Overlay>`'s `size` prop                                                                                                                                                                                                                                                                                                           |
| onOpen                  | Function                 | () => false    | false    | Callback function triggered when modal transitions to visible                                                                                                                                                                                                                                                                                    |
| onClose                 | Function                 | () => false    | false    | Callback function triggered when modal transitions not visible                                                                                                                                                                                                                                                                                   |
| cannotOutsideClickClose | boolean                  | false          | false    | if true, modal cannot close when clicking outside the bound field of<br>`div.${baseClass}`                                                                                                                                                                                                                                                       |
