resources/js/components/common/PngDialog.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3 import { Modal } from 'react-bootstrap';
   4
   5 import PngPlayer from './PngPlayer';
   6
   7 const PngDialog = ({ onHide, show, src, title }) => <Modal onHide={onHide} show={show} size="lg">
   8         {title ?
   9                 <Modal.Header closeButton>
  10                         <Modal.Title>
  11                                 {title}
  12                         </Modal.Title>
  13                 </Modal.Header>
  14         : null}
  15         <Modal.Body>
  16                 <PngPlayer src={src} />
  17         </Modal.Body>
  18 </Modal>;
  19
  20 PngDialog.propTypes = {
  21         onHide: PropTypes.func,
  22         show: PropTypes.bool,
  23         src: PropTypes.string,
  24         title: PropTypes.string,
  25 };
  26
  27 export default PngDialog;