import { DocumentCard } from 'office-ui-fabric-react/lib/DocumentCard' ; import * as strings from 'PortfolioWebPartsStrings' ; import React , { FunctionComponent } from 'react' ; import styles from './ProjectCard.module.scss' ; import { ProjectCardContent } from './ProjectCardContent' ; import { ProjectCardFooter } from './ProjectCardFooter' ; import { ProjectCardHeader } from './ProjectCardHeader' ; import { IProjectCardProps } from './types' ; export const ProjectCard = ( props ) => { const { project } = props ; return ( < DocumentCard title = { ! project . userIsMember ? strings . NoAccessMessage : '' } className = { styles . projectCard } onClickHref = { project . userIsMember ? project . url : '#' } style = { ! project . userIsMember ? { opacity : '20%' , cursor : 'default' } : { } } > < ProjectCardHeader { ... props } / > < ProjectCardContent { ... props } / > < ProjectCardFooter { ... props } / > < /DocumentCard>); } ;