feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-nav/lib/components/NavDrawer/NavDrawer.js

@@ -0,0 +1,17 @@
+'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';