content: import React from 'react'
  import PropTypes from 'prop-types'
  import FieldGroup from '../../../components/Form/FieldGroup'
  
  import { stripPrice } from '../../../hoc/Helpers'
  
  const Price = (props) => {
    return (
      <tr>
        <th>
          <FieldGroup
            id='cabin_type'
            type='text'
            placeholder='Cabin Type'
            autocomplete='Cabin Type'
            value={props.prices ? stripPrice(props.prices.cabin_type) : ''}
            pushChangeParent={(obj) => props.onChangeRates(props.id, obj)}
          />
        </th>
        <td>
          <FieldGroup
            id='diver'
            type='text'
            placeholder='Price Diver'
            autocomplete='Price Diver'
            value={props.prices ? stripPrice(props.prices.diver) : ''}
            pushChangeParent={(obj) => props.onChangeRates(props.id, obj)}
          />
        </td>
        <td>
          <FieldGroup
            id='nondiver'
            type='text'
            placeholder='Price Non-Diver'
            autocomplete='Price Non-Diver'
            value={props.prices ? stripPrice(props.prices.nondiver) : ''}
            pushChangeParent={(obj) => props.onChangeRates(props.id, obj)}
          />
        </td>
        <td>
          <FieldGroup
            id='single_diver'
            type='text'
            placeholder='Price Diver'
            autocomplete='Price Diver'
            value={props.prices ? stripPrice(props.prices.single_diver) : ''}
            pushChangeParent={(obj) => props.onChangeRates(props.id, obj)}
          />
        </td>
        <td>
          <FieldGroup
            id='single_nondiver'
            type='text'
            placeholder='Price Non-Diver'
            autocomplete='Price Non-Diver'
            value={props.prices ? stripPrice(props.prices.single_nondiver) : ''}
            pushChangeParent={(obj) => props.onChangeRates(props.id, obj)}
          />
        </td>
        <td>
          <button
            type='button'
            onClick={props.handleRemovePrice(props.id)}
            className='btn btn-danger pull-right small'
          >
            -
          </button>
        </td>
      </tr>
    )
  }
  
  Price.propTypes = {
    handleRemovePrice: PropTypes.func,
    onChangeRates: PropTypes.func,
    prices: PropTypes.object,
    id: PropTypes.string
  }
  
  export default Price
  