feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-drawer/lib/components/DrawerHeader/useDrawerHeader.js

@@ -0,0 +1,28 @@
+'use client';
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useDrawerContext_unstable } from '../../contexts/drawerContext';
+/**
+ * Create the state required to render DrawerHeader.
+ *
+ * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,
+ * before being passed to renderDrawerHeader_unstable.
+ *
+ * @param props - props from this instance of DrawerHeader
+ * @param ref - reference to root HTMLElement of DrawerHeader
+ */ export const useDrawerHeader_unstable = (props, ref)=>{
+    const { scrollState } = useDrawerContext_unstable();
+    return {
+        components: {
+            root: 'header'
+        },
+        root: slot.always(getIntrinsicElementProps('header', {
+            ref,
+            role: 'none',
+            ...props
+        }), {
+            elementType: 'header'
+        }),
+        scrollState
+    };
+};