import { memo } from 'react'

import { Display } from '@components/Display'

const modeNames = {
  0: 'Ручной',
  1: 'Бурение в роторе',
  2: 'Проработка',
  3: 'Бурение в слайде',
  4: 'Спуск СПО',
  5: 'Подъем СПО',
  6: 'Подъем с проработкой',

  10: 'БЛОКИРОВКА',
}

export const ModeDisplay = memo(({ data }) => (
  <Display
    className={'border_small display_flex_container user_card'}
    label={'Режим:'}
    value={data?.[data?.length - 1]?.mode}
    enumeration={modeNames}
  />
))