### dataHook
- type: string
- description: Applied as data-hook HTML attribute that can be used in the tests.
### actions
- type: ReactNode
- description: Accepts any content to render in the header strip, such as actions relevant to the displayed content.
### title
- type: string
- description: Sets the title text displayed in the header strip. Long titles are truncated with an ellipsis.
### children
- type: ReactNode
- description: Accepts the content to display in the middle of the screen. When multiple children are passed, one is shown at a time with previous and next buttons to navigate between them.
### onClose
- type: () => void
- description: Defines a callback function which is called when the close button is clicked, or when the overlay is clicked and `shouldCloseOnOverlayClick` is `true`.
### shouldCloseOnOverlayClick
- type: boolean
- description: Specifies whether clicking the overlay calls `onClose`.
- default: true
### closeButtonTooltipText
- type: string
- description: Tooltip close button text.
### closeButtonAriaLabel
- type: string
- description: ARIA label for close button.
### prevButtonProps
- type: PrevButtonProps
- description: Previous button props
##### onClick signature:
function(childIndexDisplayed: number) => void
* `childIndexDisplayed`: the index of the child component displayed.
### nextButtonProps
- type: NextButtonProps
- description: Next button props
##### onClick signature:
function(childIndexDisplayed: number) => void
* `childIndexDisplayed`: the index of the child component displayed.
### skin
- type: "light" | "dark"
- description: Controls the skin of the component.
- default: 'dark'
### startDisplayingAtChildIndex
- type: number
- description: Pass an index to start rendering from a specific child component.
- default: 0