text: import React, { PropTypes } from 'react';
  import { Modal, Button } from 'react-bootstrap';
  
  class ResultModal extends React.Component {
    render() {
      let { showModal, onHide, columns, result } = this.props;
      return (
          <Modal show={showModal} onHide={onHide} keyboard={false} backdrop="static">
            <Modal.Header closeButton>
              <Modal.Title>Detaylar</Modal.Title>
            </Modal.Header>
            <Modal.Body>
              <ul>
                {columns.map(col => {
                  let { displayName, columnName } = col;
                  return (
                      <li key={columnName}>
                        <h4>{displayName}</h4>
                        <p>{result[columnName]}</p>
                      </li>
                  )
                })}
              </ul>
            </Modal.Body>
            <Modal.Footer>
              <Button onClick={onHide}>Kapat</Button>
            </Modal.Footer>
          </Modal>
      );
    }
  }
  
  ResultModal.propTypes = {
    showModal: PropTypes.bool,
    onHide: PropTypes.func,
    columns: PropTypes.array,
    result: PropTypes.object
  };
  
  export default ResultModal;
  