Rewrite in TSmain

1 files changed, 28 insertions, 0 deletions

diff --git a/src/lib/modal.ts b/src/lib/modal.ts
new file mode 100644
index 0000000..8454e1c
--- /dev/null
+++ b/src/lib/modal.ts
@@ -0,0 +1,28 @@
+import { h } from 'lib/h'
+import * as Button from 'lib/button'
+
+export function show(content: Element) {
+  document.body.appendChild(h('div',
+    { id: 'g-Modal' },
+    h('div',
+      { className: 'g-Modal__Curtain',
+        onclick: () => hide()
+      }
+    ),
+    h('div',
+      { className: 'g-Modal__Window' },
+      Button.raw(
+        { className: 'g-Modal__Close',
+          onclick: () => hide()
+        },
+        'x'
+      ),
+      content
+    )
+  ))
+}
+
+export function hide() {
+  const modal = document.querySelector('#g-Modal')
+  modal && document.body.removeChild(modal)
+}