import { IPersonaSharedProps , Persona , PersonaSize } from 'office-ui-fabric-react/lib/Persona' ; import * as strings from 'PortfolioWebPartsStrings' ; import React from 'react' ; import styles from './ProjectCard.module.scss' ; import { IProjectCardProps } from './types' ; param props export const ProjectCardContent = ( { project , showProjectOwner , showProjectManager } ) : JSX . Element => { const defaultPersonaProps = { text : strings . NotSet , size : PersonaSize . size40 , imageShouldFadeIn : true } ; const ownerPersonaProps = { ... defaultPersonaProps , ... project . owner , secondaryText : strings . ProjectOwner } ; const managerPersonaProps = { ... defaultPersonaProps , ... project . manager , secondaryText : strings . ProjectManager } ; return ( < div > < div className = { styles . phase } > { project . phase || strings . NotSet } < /div> < div className = { styles . personaContainer } hidden = { ! showProjectOwner } > < Persona { ... ownerPersonaProps } / > < /div> < div className = { styles . personaContainer } hidden = { ! showProjectManager } > < Persona { ... managerPersonaProps } / > < /div> < /div>); } ;