Sha256: e5c7c6d8a63b20c495f698b44b856ca93a4e385d1af4328110cd983127faa600

Contents?: true

Size: 784 Bytes

Versions: 1

Compression:

Stored size: 784 Bytes

Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'
import { spacing } from '../utilities/spacing.js'

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

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

const Person = (props: PersonProps) => {
  const { className, dark = false, firstName, lastName } = props
  return (
    <div className={classnames('pb_person_kit', className, spacing(props))}>
      <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

1 entries across 1 versions & 1 rubygems

Version Path
playbook_ui-4.17.0 app/pb_kits/playbook/pb_person/_person.jsx