18 lines
878 B
JavaScript
18 lines
878 B
JavaScript
'use client';
|
|
import * as React from 'react';
|
|
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
|
|
import { useNavDrawer_unstable } from './useNavDrawer';
|
|
import { renderNavDrawer_unstable } from './renderNavDrawer';
|
|
import { useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';
|
|
import { useNavContextValues_unstable } from '../useNavContextValues';
|
|
/**
|
|
* NavDrawer component - a component that provides a drawer for navigation items.
|
|
*/ export const NavDrawer = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
const state = useNavDrawer_unstable(props, ref);
|
|
const contextValues = useNavContextValues_unstable(state);
|
|
useNavDrawerStyles_unstable(state);
|
|
useCustomStyleHook_unstable('useNavDrawerStyles_unstable')(state);
|
|
return renderNavDrawer_unstable(state, contextValues);
|
|
});
|
|
NavDrawer.displayName = 'NavDrawer';
|