text: import React from 'react';
  import Modal from 'react-bootstrap/Modal';
  import Button from 'react-bootstrap/Button';
  import Card from 'react-bootstrap/Card';
  
  
  
  
  class SelectedHorned extends React.Component {
  
      render() {
  
          return (
  
            <>
           
              <Modal show={this.props.showModal} onHide={this.props.handleClose}>
                  <Modal.Header closeButton>
                      <Modal.Title>{this.props.selectedAnimal.title}</Modal.Title>
                  </Modal.Header>
                  <Modal.Body>
                      <Card.Img variant="top" src={this.props.selectedAnimal.image_url} alt={this.props.title} />
                     
                      {this.props.selectedAnimal.description}
                      
                  </Modal.Body>
                  <Modal.Footer>
                      <Button variant="secondary" onClick={this.props.handleClose}>
                          Close
                      </Button>
                      <Button variant="primary" onClick={this.props.handleClose}>
                          Save Changes
                      </Button>
                  </Modal.Footer>
              </Modal>
  
            </>
  
  
  
  
  
  
          );
      }
  }
  
  
  export default SelectedHorned;
  