import React from 'react'
import classNames from 'classnames/bind'
import Button from 'components/utils/button'
const cx = classNames.bind(require('styles/fields_table.scss'))

export default ({users_count, missions_count, field_name, value_name, confirm}) => (
  <div className={cx('fields-table-delete-value')}>
    <p>
      Cette valeur est utilisée.
    </p>
    <p>
      Êtes-vous sûr de vouloir supprimer la valeur « {value_name} » ?
    </p>
    <div className={cx('fields-table-delete-value__button')}>
      <Button
        onClick={() => {
          confirm()
        }}
        >
        Supprimer la valeur
      </Button>
    </div>
  </div>
)