feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-persona/lib/components/Persona/Persona.js

@@ -0,0 +1,16 @@
+'use client';
+import * as React from 'react';
+import { renderPersona_unstable } from './renderPersona';
+import { usePersona_unstable } from './usePersona';
+import { usePersonaStyles_unstable } from './usePersonaStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge,
+ * or an Avatar with a PresenceBadge.
+ */ export const Persona = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = usePersona_unstable(props, ref);
+    usePersonaStyles_unstable(state);
+    useCustomStyleHook_unstable('usePersonaStyles_unstable')(state);
+    return renderPersona_unstable(state);
+});
+Persona.displayName = 'Persona';