feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-overflow/lib/useOverflowDivider.js

@@ -0,0 +1,25 @@
+'use client';
+import * as React from 'react';
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
+import { useOverflowContext } from './overflowContext';
+/**
+ * @internal
+ * Registers an overflow item
+ * @param groupId - assigns the item to a group, group visibility can be watched
+ * @returns ref to assign to an intrinsic HTML element
+ */ export function useOverflowDivider(groupId) {
+    const ref = React.useRef(null);
+    const registerDivider = useOverflowContext((v)=>v.registerDivider);
+    useIsomorphicLayoutEffect(()=>{
+        if (ref.current && groupId) {
+            return registerDivider({
+                element: ref.current,
+                groupId
+            });
+        }
+    }, [
+        registerDivider,
+        groupId
+    ]);
+    return ref;
+}