feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-avatar/lib/components/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,18 @@
+'use client';
+import * as React from 'react';
+import { renderAvatarGroup_unstable } from './renderAvatarGroup';
+import { useAvatarGroup_unstable } from './useAvatarGroup';
+import { useAvatarGroupContextValues } from './useAvatarGroupContextValues';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles.styles';
+/**
+ * The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement
+ * of individual Avatars in a spread, stack, or pie layout.
+ */ export const AvatarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAvatarGroup_unstable(props, ref);
+    const contextValues = useAvatarGroupContextValues(state);
+    useAvatarGroupStyles_unstable(state);
+    useCustomStyleHook_unstable('useAvatarGroupStyles_unstable')(state);
+    return renderAvatarGroup_unstable(state, contextValues);
+});
+AvatarGroup.displayName = 'AvatarGroup';