const

demo.js

import React from 'react'
import bem from 'bem'

import {
  IconTools,
  EditIcon,
  DeleteIcon,
} from 'shared/components/molecules/IconTools'

import './cashbox.scss'

const bCashbox = bem('cashbox')
const CASHBOX_ON_SERVICE = 3

const Cashbox = ({ cashbox, shop, legal }) => {
  let legalName = <div className={bCashbox('nope')()}>Без юр. лица</div>
  if (legal.has('name')) {
    legalName = <div>{legal.get('name')}</div>
  }

  return (
    <div className={bCashbox()}>
      <div className={bCashbox('header')()}>
        <div className={bCashbox('title')()}>{cashbox.get('name')}</div>
        {cashbox.get('status') === CASHBOX_ON_SERVICE
          ? <div className={bCashbox('repair')()}>В ремонте</div>
          : null}
        <div className={bCashbox('tools')()}>
          <IconTools>
            <EditIcon primary />
            <DeleteIcon />
          </IconTools>
        </div>
      </div>
      <div className={bCashbox('body')()}>
        {legalName}
        <div>{shop.get('name', 'Без магазина')}</div>
        <div>{cashbox.get('serviceCompany')}</div>
      </div>
    </div>
  )
}

export default Cashbox