content: import React from 'react'
  import ScrollTable from 'components/shared/ScrollTable/ScrollTable'
  import {getPaddingZeros, getPaddingLeading} from 'utils'
  
  const MarketSize = ({size}) =>
    <span className='order-book-market-size'>
      {getPaddingLeading(size, 4)}
      <span className='order-book-market-size-zeros'>{getPaddingZeros(size, 8)}</span>
    </span>
  
  const OrderPrice = ({price, orderType}) =>
    <span className={`order-book-${orderType}-order`}>
      <span className='order-book-price-leading-digits'>{price.toString().split('.')[0]}.</span>
      <span>{parseFloat(price).toFixed(4).split('.')[1]}</span>
    </span>
  
  export default ({order, orderType}) => (
      <ScrollTable.Row className={`order-book-row-${orderType}`}>
        <ScrollTable.Cell width='two' />
  
        <ScrollTable.Cell width='five'>
          <MarketSize size={order.marketSize} />
        </ScrollTable.Cell>
  
        <ScrollTable.Cell width='five'>
          <OrderPrice orderType={orderType} price={order.price} />
        </ScrollTable.Cell>
  
        <ScrollTable.Cell width='four'>-</ScrollTable.Cell>
      </ScrollTable.Row>
  )
  