25 lines
585 B
JavaScript
25 lines
585 B
JavaScript
'use client'
|
|
|
|
// Hook Imports
|
|
import { useSettings } from '@core/hooks/useSettings'
|
|
import useLayoutInit from '@core/hooks/useLayoutInit'
|
|
|
|
const LayoutWrapper = props => {
|
|
// Props
|
|
const { systemMode, verticalLayout, horizontalLayout } = props
|
|
|
|
// Hooks
|
|
const { settings } = useSettings()
|
|
|
|
useLayoutInit(systemMode)
|
|
|
|
// Return the layout based on the layout context
|
|
return (
|
|
<div className='flex flex-col flex-auto' data-skin={settings.skin}>
|
|
{settings.layout === 'horizontal' ? horizontalLayout : verticalLayout}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default LayoutWrapper
|