Contents

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

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



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

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

const contactsArray = ({contacts=[]}: PersonContactProps) => {
  return contacts.map((contactObject, index) => {
    return (
      <Contact
        contactType={contactObject.contactType}
        contactValue={contactObject.contactValue}
        contactDetail={contactObject.contactDetail}
      />
    );
  })
}


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

  const contactKits = contactsArray({contacts})

  return (
    <div className={classnames('pb_person_contact_kit', className)}>
      <Person firstName={firstName} lastName={lastName} />
      {contactKits}
    </div>
  )
}

export default PersonContact

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
playbook_ui-3.1.0	app/pb_kits/playbook/pb_person_contact/_person_contact.jsx
playbook_ui-3.0.1	app/pb_kits/playbook/pb_person_contact/_person_contact.jsx
playbook_ui-3.0.0	app/pb_kits/playbook/pb_person_contact/_person_contact.jsx
playbook_ui-2.9.9	app/pb_kits/playbook/pb_person_contact/_person_contact.jsx
playbook_ui-2.9.8	app/pb_kits/playbook/pb_person_contact/_person_contact.jsx