
### dataHook
- type: string
- description: Applies a data-hook HTML attribute to be used in the tests
### className
- type: string
- description: Specifies a CSS class name to be appended to the component’s root element.
- internal
### skin
- type: "neutral" | "gradient" | "custom"
- description: Sets the color of the content area background (`neutral` or `gradient`). To use custom skin color, set it to `custom` and use the `backgroundColor` prop
- default: 'neutral'
### contentOutline
- type: "none" | "border" | "shadow"
- description: Sets the content outline as `shadow` (default), `border` or `none`
- default: 'shadow'
### backgroundColor
- type: string
- description: Sets content area background color in HEX code. Can be set with custom colors (from WSR design system color palette)
### height
- type: string
- description: Adjusts the height of the component or can be set in specific % or px
- default: 'auto'
### width
- type: string
- description: Sets the width of the component in % or px
- default: '100%'
### scrollable
- type: boolean
- description: Enables vertical scroll of the overflowed content *
- default: false
### children
- type: ReactNode
- description: Sets the main preview content. Accepts an image, text paragraph or any other custom element

