feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-message-bar/lib/components/MessageBarGroup/useMessageBarGroup.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+/**
+ * Create the state required to render MessageBarGroup.
+ *
+ * The returned state can be modified with hooks such as useMessageBarGroupStyles_unstable,
+ * before being passed to renderMessageBarGroup_unstable.
+ *
+ * @param props - props from this instance of MessageBarGroup
+ * @param ref - reference to root HTMLElement of MessageBarGroup
+ */ export const useMessageBarGroup_unstable = (props, ref)=>{
+    if (process.env.NODE_ENV !== 'production') {
+        React.Children.forEach(props.children, (c)=>{
+            if (!React.isValidElement(c) || c.type === React.Fragment) {
+                throw new Error("MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. ");
+            }
+        });
+    }
+    var _props_children;
+    const children = React.Children.map((_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : [], (c)=>React.isValidElement(c) && c.type !== React.Fragment ? c : null).filter(Boolean);
+    var _props_animate;
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        children,
+        animate: (_props_animate = props.animate) !== null && _props_animate !== void 0 ? _props_animate : 'exit-only',
+        enterStyles: '',
+        exitStyles: ''
+    };
+};