Contents

/* @flow */

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

import { Contact, Person } from '../'

type ContactItem = {
  contactType: String,
  contactValue: String,
  contactDetail: String,
}

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

const PersonContact = (props: PersonContactProps) => {
  const { className, firstName, lastName, contacts } = props

  return (
    <div className={classnames('pb_person_contact_kit', className, spacing(props))}>
      <Person
          firstName={firstName}
          lastName={lastName}
      />
      {contacts.map((contactObject, index) => (
        <Contact
            contactDetail={contactObject.contactDetail}
            contactType={contactObject.contactType}
            contactValue={contactObject.contactValue}
            key={index}
        />
      ))}
    </div>
  )
}

export default PersonContact

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
playbook_ui-4.17.0	app/pb_kits/playbook/pb_person_contact/_person_contact.jsx