Sha256: 74a0a8c4c2d1570da82aab9fd6dc13dc8e942126c7322aef6830e8316d9b13f3

Contents?: true

Size: 710 Bytes

Versions: 38

Compression:

Stored size: 710 Bytes

Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'

import {
  Body,
  Title,
} from '../'

type PersonProps = {
  className?: String | Array<String>,
  dark?: Boolean,
  firstName: String,
  lastName: String,
}

const Person = ({
  className,
  dark = false,
  firstName,
  lastName,
}: PersonProps) => {
  return (
    <div className={classnames('pb_person_kit', className)}>
      <Body
          className="pb_person_first"
          dark={dark}
          tag="span"
      >
        {firstName}
      </Body>
      <Title
          className="pb_person_first"
          dark={dark}
          size={4}
          text={` ${lastName}`}
      />
    </div>
  )
}

export default Person

Version data entries

38 entries across 38 versions & 1 rubygems

Version Path
playbook_ui-4.6.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.5.2 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.5.1 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.5.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.4.1 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.4.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.3.1 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.3.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.2.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.1.2 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.1.1 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.1.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.0.1 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-4.0.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-3.5.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-3.4.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-3.3.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-3.2.0 app/pb_kits/playbook/pb_person/_person.jsx