PersonDetail.tsx

import * as React from 'react';
import { Div } from 'glamorous';
import { BigPlaceholder } from '../parts/BigPlaceholder';

type PersonDetailProps = { id: string };

export class PersonDetail extends React.Component<PersonDetailProps> {
  render() {
    return (
      <LeftRightColPadding>
        <TitleText>First McLastname</TitleText>
        <RatioImage />
        <TwoUp
          left={<DescriptionBlock content={loremText(500)} />}
          right={
            <MetaStack>
              <MetaStackItem />
              <MetaStackItem />
              <MetaStackItem />
            </MetaStack>
          }
        />

        <PeopleTagSet label="Interests">
          <PeopleTagItem />
          <PeopleTagItem />
          <PeopleTagItem />
          <PeopleTagItem />
        </PeopleTagSet>

        {/* Skills */}
        
        <PeopleTagSet label="Skills">
          <PeopleTagItem />
          <PeopleTagItem />
          <PeopleTagItem />
          <PeopleTagItem />
        </PeopleTagSet>


        <CoursesBoxList />
      </LeftRightColPadding>
    );
  }
}