@danalazar/metro-ui 0.0.2 → 0.0.3

package/dist/modal-mu0n0R19.js

@@ -0,0 +1,48 @@
+import { t as e } from "./button-DTU9l2Gg.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "react";
+import './assets/modal.css';//#region src/components/modal/modal.module.sass
+var i = {
+	"metro-modal-overlay": "_metro-modal-overlay_1s4mh_1",
+	"metro-modal": "_metro-modal_1s4mh_1",
+	"metro-modal-header": "_metro-modal-header_1s4mh_22",
+	"metro-modal-content": "_metro-modal-content_1s4mh_49",
+	"expression-box": "_expression-box_1s4mh_56",
+	"input-label": "_input-label_1s4mh_73",
+	"metro-modal-buttons": "_metro-modal-buttons_1s4mh_79"
+}, a = ({ isOpen: a, title: o, onClose: s, children: c, actions: l }) => {
+	let u = r.useId();
+	return a ? /* @__PURE__ */ t("div", {
+		className: i["metro-modal-overlay"],
+		children: /* @__PURE__ */ n("div", {
+			className: i["metro-modal"],
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": u,
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: i["metro-modal-header"],
+					children: [/* @__PURE__ */ t("h2", {
+						id: u,
+						children: o
+					}), /* @__PURE__ */ t(e, {
+						variant: "ghost",
+						onClick: s,
+						"aria-label": "Close dialog",
+						children: "✕"
+					})]
+				}),
+				/* @__PURE__ */ t("div", {
+					className: i["metro-modal-content"],
+					children: c
+				}),
+				l && /* @__PURE__ */ t("div", {
+					className: i["metro-modal-buttons"],
+					children: l
+				})
+			]
+		})
+	}) : null;
+};
+//#endregion
+export { a as t };