How to use

ViewerFirstNameText

in

styled-components

render() {
  const { className, compact, components: { ProfileImage }, full, viewer } = this.props;
  return (
   <ViewerInfoContainer className={className}>
    <ProfileImage size={30} viewer={viewer} />
    <ViewerFirstNameText compact={compact} full={full}>
     {this.viewerName}
    </ViewerFirstNameText>
   </ViewerInfoContainer>
  );
 }

render() {
  const { className, compact, components: { ProfileImage }, full, viewer } = this.props;
  return (
   <ViewerInfoContainer className={className}>
    <ProfileImage size={30} viewer={viewer} />
    <ViewerFirstNameText compact={compact} full={full}>
     {this.viewerName}
    </ViewerFirstNameText>
   </ViewerInfoContainer>
  );
 }