import React from 'react'
import PropTypes from 'prop-types'
import Dropdown from '../Dropdown'
import { Modal } from '../../../components'
/**
 * TODO add a concise description of this component
 */
const toggleDropdown = () => {}
const RejectTranslationModal = ({
  show,
  key,
  className,
  onHide,
  isOpen
}) => {
  return (
      <Modal show={show}
             onHide={close}
             key="reject-translation-modal"
             className="suggestions-modal">
        <Modal.Header>
          <Modal.Title><small><span className="pull-left">
          Reject translation</span></small></Modal.Title>
        </Modal.Header>
        <Modal.Body>
          Reason:
          <Dropdown
              onToggle={toggleDropdown()}
              isOpen={true}
              enabled={true}
              className="Dropdown--right u-sMV-1-2">
          <Dropdown.Button>
            <a className="Dropdown-item">
              Dropdown button
            </a>
          </Dropdown.Button>
          <Dropdown.Content>
            <ul>
              <li>Cat</li>
              <li>Dog</li>
              <li>Honey Badger</li>
              <li>Walrus</li>
            </ul>
          </Dropdown.Content>
        </Dropdown>
        </Modal.Body>
      </Modal>
  )
}

RejectTranslationModal.propTypes = {
  show: PropTypes.bool,
  className: PropTypes.string,
  key: PropTypes.string,
  onHide: PropTypes.func,
  toggleDropdown: PropTypes.func.isRequired,
  isOpen: PropTypes.bool.isRequired
}

export default RejectTranslationModal

@@ -325,26 +325,24 @@
 eturn (%0A    
-  
 %3CModal show=
@@ -348,23 +348,16 @@
 =%7Bshow%7D%0A
-       
       on
@@ -369,23 +369,16 @@
 %7Bclose%7D%0A
-       
       ke
@@ -406,23 +406,16 @@
 -modal%22%0A
-       
       cl
@@ -445,26 +445,24 @@
 dal%22%3E%0A      
-  
 %3CModal.Heade
@@ -468,26 +468,24 @@
 er%3E%0A        
- 
- 
 %3CModal.Title
@@ -521,18 +521,16 @@
 -left%22%3E%0A
-  
         
@@ -575,34 +575,32 @@
 al.Title%3E%0A      
-  
 %3C/Modal.Header%3E%0A
@@ -591,34 +591,32 @@
 %3C/Modal.Header%3E%0A
-  
       %3CModal.Bod
@@ -630,18 +630,16 @@
     
-  
 Reason:%0A
     
@@ -634,18 +634,16 @@
 Reason:%0A
-  
         
@@ -651,21 +651,32 @@
 Dropdown
-%0A    
+ enabled isOpen%0A
         
@@ -709,69 +709,8 @@
 ()%7D%0A
-              isOpen=%7Btrue%7D%0A              enabled=%7Btrue%7D%0A    
     
@@ -1136,26 +1136,24 @@
 down%3E%0A      
-  
 %3C/Modal.Body
@@ -1150,26 +1150,24 @@
 Modal.Body%3E%0A
-  
     %3C/Modal%3E

fix indentation