X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fcommon%2FPngDialog.js;fp=resources%2Fjs%2Fcomponents%2Fcommon%2FPngDialog.js;h=dbd030f47674ed5961550c55064952fd5dc5e248;hb=df85042df90aee0b09eb11a3cd5bbc98169cb765;hp=0000000000000000000000000000000000000000;hpb=c01ebf99d629029288a2ea7cf6874ca076d87f70;p=alttp.git

diff --git a/resources/js/components/common/PngDialog.js b/resources/js/components/common/PngDialog.js
new file mode 100644
index 0000000..dbd030f
--- /dev/null
+++ b/resources/js/components/common/PngDialog.js
@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Modal } from 'react-bootstrap';
+
+import PngPlayer from './PngPlayer';
+
+const PngDialog = ({ onHide, show, src, title }) => <Modal onHide={onHide} show={show} size="lg">
+	{title ?
+		<Modal.Header closeButton>
+			<Modal.Title>
+				{title}
+			</Modal.Title>
+		</Modal.Header>
+	: null}
+	<Modal.Body>
+		<PngPlayer src={src} />
+	</Modal.Body>
+</Modal>;
+
+PngDialog.propTypes = {
+	onHide: PropTypes.func,
+	show: PropTypes.bool,
+	src: PropTypes.string,
+	title: PropTypes.string,
+};
+
+export default PngDialog;