import React from 'react'
import { Contact } from 'playbook-ui'

const ContactDefault = (props) => {
  return (
    <div>
      <Contact
          contactType="cell"
          contactValue="349-185-9988"
      />
      <Contact
          contactValue="5555555555"
      />
      <Contact
          contactType="email"
          contactValue="email@example.com"
      />
      <Contact
          contactType="work"
          contactValue="3245627482"
      />
      <Contact
          contactType="work-cell"
          contactValue="3245627482"
      />
    </div>
  )
}

export default ContactDefault

import React from 'react'
import { Contact } from 'playbook-ui'

const ContactDefault = (props) => {
  return (
    <div>
      <Contact
          contactDetail="Cell"
          contactType="cell"
          contactValue="349-185-9988"
      />
      <Contact
          contactDetail="Home"
          contactValue="5555555555"
      />
      <Contact
          contactDetail="Work"
          contactType="work"
          contactValue="3245627482"
      />
      <Contact
          contactDetail="Work-Cell"
          contactType="work-cell"
          contactValue="3245627482"
      />
      <Contact
          contactDetail="Ext"
          contactType='extension'
          contactValue="1234"
      />
    </div>
  )
}

export default ContactDefault