import React from 'react'
import classNames from 'classnames/bind'
import MdCancel from 'react-icons/lib/md'
import Button from 'components/utils/button'

const cx = classNames.bind(require('styles/new_mission.scss'))

export default ({on_confirm}) => (
  <div className={cx('new-mission')}>
    <div className={cx('new-mission__assign-mission')}>
      <div className={cx('new-mission__assign-mission-text')}>
        <p>{"Si vous désattribuez la mission, nous préviendrions le candidat et les dates de la mission ne seront plus bloquées dans son calendrier."}</p>
        <p>{"Vous pourrez confier la mission à un autre candidat s'il s'était déclaré interessé par la mission et s'il est toujours disponible"}</p>
      </div>
      <div className={cx('new-mission__assign-mission-button')}>
        <Button
          icon={MdCancel}
          onClick={on_confirm}
          >
          Ne plus confier la mission
        </Button>
      </div>
    </div>
  </div>
)