17 lines
762 B
JavaScript
17 lines
762 B
JavaScript
'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';
|