
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### hideFooter
- type: boolean
- description: Hides the footer that contains the action buttons.
### confirmText
- type: ReactNode
- description: Defines the main action button text.
### confirmPrefixIcon
- type: ReactElement
- description: Add a prefix icon for the main action button.
### confirmSuffixIcon
- type: ReactElement
- description: Add a suffix icon for the main action button.
### cancelText
- type: ReactNode
- description: Defines the secondary action button text.
### cancelPrefixIcon
- type: ReactElement
- description: Add a prefix icon for the secondary action button.
### cancelSuffixIcon
- type: ReactElement
- description: Add a suffix icon for the secondary action button.
### theme
- type: "blue" | "purple" | "red"
- description: Controls the color theme of the action buttons. `'blue'` uses the `'standard'` button skin, `'purple'` uses `'premium'` and `'red'` uses `'destructive'`.
- default: 'blue'
### onOk
- type: MouseEventHandler
- description: Called when the main action (confirm) is clicked.
### onCancel
- type: MouseEventHandler
- description: Called when the secondary action (cancel) is clicked.
### onClose
- type: MouseEventHandler
- description: Called when the close button is clicked.
### width
- type: string
- description: Specify exact width.
### margin
- type: string
- description: Specify exact margin. Use to fine tune position inside other elements.
When used inside `<Modal>`, beware that `<Modal>` is a flex container, therefore specific flex item CSS rules apply for this margin.
### title
- type: ReactNode
- description: Defines the modals's header title.
### children
- type: ReactNode
- description: The content to be displayed. can be text or some node.
### maxHeight
- type: string | number
- description: Max height. When supplied, enables internal scrolling in the component.
### buttonsHeight
- type: "small" | "tiny" | "medium" | "large"
- description: Defines the buttons size.
### closeButton
- type: boolean
- description: Show/hide the close button.
### disableCancel
- type: boolean
- description: Defines the secondary action button.
### disableConfirmation
- type: boolean
- description: Defines the main action button.
### noBodyPadding
- type: boolean
- description: Removes the content padding. Used in custom modal that defines it's own padding.
### footerBottomChildren
- type: ReactNode
- description: A render slot to display a foot note.
### fullscreen
- type: boolean
- description: Stretches the component to a full screen mode (with some padding)
### withEmptyState
- type: boolean
- description: Changes the internal padding to be used with `<EmptyState/>` component.
### sideActions
- type: ReactNode
- description: Used to display some side component in the footer, for example `<Checkbox/>`
### image
- type: ReactNode
- description: Used to display an illustration on the left side.

