WIP

src/ui/components/Popup.tsx

@@ -0,0 +1,23 @@
+import { Component } from "solid-js";
+import { Handlers } from "../../types";
+import { state, setState } from "../../state";
+
+import "./Popup.css";
+
+const Popup: Component<{ handlers: Handlers; onClose: () => void }> = (
+  props
+) => {
+  return (
+    <div className="popup">
+      <div className="popup__box">
+        <button className="popup__close" onClick={props.onClose}>
+          <i class="las la-times"></i>
+        </button>
+        <h2 className="popup__title">Popup title</h2>
+        <div className="popup__content">{props.children}</div>
+      </div>
+    </div>
+  );
+};
+
+export default Popup;