import * as React from 'react';
import { Persona, PersonaSize } from 'office-ui-fabric-react/lib/Persona';
import { Stack } from 'office-ui-fabric-react/lib/Stack';
import { TestImages } from '@uifabric/example-data';

export const UnknownPersonaExample: React.FunctionComponent = () => {
  return (
    <Stack tokens={{ childrenGap: 10 }}>
      <Persona showUnknownPersonaCoin={true} text="Maor Sharett" secondaryText="Designer" size={PersonaSize.size40} />

      <Persona
        showUnknownPersonaCoin={true}
        text="Kat Larrson"
        secondaryText="Designer"
        tertiaryText="Unverified sender"
        size={PersonaSize.size72}
        imageUrl={TestImages.personaFemale}
      />
    </Stack>
  );
};