ndious/the.12.gy

import React from 'react'
import { Jumbotron } from 'react-bootstrap'

import Definition from './../definitions/experience-definition'

const Experience = ({ 
  company, 
  city, 
  date,
  title,
  sub
}) => (
  <Jumbotron>
    <h1 className="jumbo-title">{company} <small className="location"><i className="ion-location"></i> {city}</small></h1>
    <p className="lead">{date} <i className="ion-code-working divider"></i> {title}</p>

    <ul className="list-unstyled job-list">
      {sub && sub.map(({date, work}, key) => (
        <li key={key}>
          <i className="ion-ios-arrow-forward divider"></i> {date} <i className="ion-android-arrow-forward divider"></i> {work}
        </li>
      ))}
    </ul>
  </Jumbotron>
)

Experience.propTypes = Definition

export default Experience