From a1663c26b22d5a874c0b5b07d27c9e2ca0cc72bc Mon Sep 17 00:00:00 2001
From: "Val Erastov (xibyte)" <xibyte@gmail.com>
Date: Thu, 21 May 2020 17:18:00 -0700
Subject: [PATCH] dialog component

---
 modules/ui/components/Dialog.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 modules/ui/components/Dialog.tsx

diff --git a/modules/ui/components/Dialog.tsx b/modules/ui/components/Dialog.tsx
new file mode 100644
index 00000000..80dd19a1
--- /dev/null
+++ b/modules/ui/components/Dialog.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+import Window, {WindowProps} from "ui/components/Window";
+import cx from 'classnames';
+import ButtonGroup from "ui/components/controls/ButtonGroup";
+import Button from "ui/components/controls/Button";
+
+export function Dialog({children, className, onOK, ...props}: WindowProps & {
+  onOK: () => void
+}) {
+
+  return <Window className={cx(className, 'dialog')}
+                 footer={
+                   <ButtonGroup className='dialog-buttons padded'>
+                     <Button onClick={props.onClose}>Cancel</Button>
+                     <Button type='accent' onClick={onOK}>OK</Button>
+                   </ButtonGroup>
+                 }
+                 {...props} >
+
+    <div className='dialog-content padded'>
+      {children}
+    </div>
+
+  </Window>
+}
\ No newline at end of file