### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
### children
- type: ReactNode
- description: Sets the items rendered inside the sidebar.
### skin
- type: "light" | "neutral" | "dark"
- description: Controls the color scheme of the sidebar.
- default: 'dark'
### header
- type: ReactNode
- description: Sets the content rendered above the sidebar items.
### footer
- type: ReactNode
- description: Sets the content rendered below the sidebar items.
### hidden
- type: boolean
- description: Specifies whether the sidebar is hidden.
### selectedKey
- type: string
- description: Sets the key of the currently selected item.
### isLoading
- type: boolean
- description: Displays a loading skeleton in place of the sidebar items.
- default: true
### ariaLabel
- type: string
- description: Defines a string that labels the sidebar for screen readers.
### width
- type: string | number
- description: Sets the width of the sidebar.
### minimized
- type: boolean
- description: Specifies whether the sidebar is collapsed to its minimized form.
### enableMinimizeToggle
- type: boolean
- description: Displays a toggle that lets users minimize and restore the sidebar.
### minimizeToggleTooltip
- type: string
- description: Sets the tooltip content of the minimize toggle.
### onMinimizeToggleClick
- type: () => void
- description: Defines a callback function which is called when the minimize toggle is clicked.
### zIndex
- type: number
- description: Sets the `z-index` of the sidebar.
### next
- type: boolean
- description: Applies the current styling to sidebars that are only 1 or 2 levels deep, which are otherwise rendered in the legacy style.