Sha256: 60d6a76092620001b0eb06b3b272ebbf9db36e16fccc68954c89f4907793fdbe

Contents?: true

Size: 705 Bytes

Versions: 10

Compression:

Stored size: 705 Bytes

Contents

/* @flow */
/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */

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 tag="span" dark={dark} className="pb_person_first">
        {`${firstName}`}
      </Body>
      <Title text={` ${lastName}`} dark={dark} size={4} className="pb_person_first" />
    </div>
  )
}

export default Person

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-3.0.1 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-3.0.0 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-2.9.9 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-2.9.8 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-2.9.7 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-2.9.6 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-2.9.5 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-2.9.4 app/pb_kits/playbook/pb_person/_person.jsx
playbook_ui-2.9.3 app/pb_kits/playbook/pb_person/_person.jsx