UNPKG

@anoki/fse-ui

Version:

FSE UI components library

39 lines (38 loc) 1.69 kB
import { j as e } from "./index.es244.js"; import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es396.js"; import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css */ import { ErrorExagon as j } from "./index.es204.js"; import { CheckCircle as u } from "./index.es212.js"; import { Row as f } from "./index.es9.js"; import { Button as g } from "./index.es28.js"; const v = ({ title: o = "Alert", description: s = "Funzione al momento non ancora disponibile", confirmBtnLabel: r = "OK", isOpen: i, onClose: l, variant: t = "default", role: a = "alertdialog" }) => /* @__PURE__ */ e.jsx(n, { open: i, onOpenChange: l, children: /* @__PURE__ */ e.jsxs(c, { children: [ /* @__PURE__ */ e.jsx(m, { className: "ui-alertDialogOverlay" }), /* @__PURE__ */ e.jsxs( x, { className: "ui-alertDialogContent fs-6 text-slate-28", role: a, children: [ /* @__PURE__ */ e.jsxs(h, { className: "ui-alertDialogTitle fw-bold fs-custom text-slate-20", children: [ t === "error" && /* @__PURE__ */ e.jsx(j, { width: 20, height: 20 }), t === "success" && /* @__PURE__ */ e.jsx(u, { color: "status-success", width: 20, height: 20 }), o ] }), /* @__PURE__ */ e.jsx(d, { className: "ui-alertDialogDescription", children: s }), /* @__PURE__ */ e.jsx(f, { justifyContent: "flex-end", children: /* @__PURE__ */ e.jsx(p, { asChild: !0, children: /* @__PURE__ */ e.jsx(g, { variant: "primary", size: "3", children: r }) }) }) ] } ) ] }) }); export { v as AlertDialogUI }; //# sourceMappingURL=index.es98.js.map