UNPKG

@anoki/fse-ui

Version:

FSE UI components library

45 lines (44 loc) 1.78 kB
import { j as r } from "./index.es244.js"; import './components/ui/Alert/Alert.css';/* empty css */ import { Divider as l } from "./index.es137.js"; import { Link as n } from "./index.es99.js"; import { CheckCircle as h } from "./index.es212.js"; import { QuestionCircle as m } from "./index.es211.js"; import { ErrorExagon as d } from "./index.es204.js"; import { Info as i } from "./index.es200.js"; const A = { DEFAULT: "default", INFO: "info", WARNING: "warning", DANGER: "danger", SUCCESS: "success" }, x = { default: /* @__PURE__ */ r.jsx(i, { color: "primary", width: 32, height: 32 }), info: /* @__PURE__ */ r.jsx(i, { color: "primary", width: 32, height: 32 }), warning: /* @__PURE__ */ r.jsx(m, { color: "warning", width: 32, height: 32 }), danger: /* @__PURE__ */ r.jsx(d, { width: 32, height: 32 }), success: /* @__PURE__ */ r.jsx(h, { color: "status-success", width: 32, height: 32 }) }, C = ({ title: o, description: s, subtitle: c, link: t, variant: e = "default" }) => { const a = !!s || !!(t != null && t.title); return /* @__PURE__ */ r.jsx("blockquote", { className: `styled-alert alert-${e}`, children: /* @__PURE__ */ r.jsxs("div", { className: "container", children: [ x[e], /* @__PURE__ */ r.jsxs("div", { className: "right-container", children: [ /* @__PURE__ */ r.jsx("h4", { className: "title", children: o }), /* @__PURE__ */ r.jsx("p", { className: "subtitle", children: c }), a && /* @__PURE__ */ r.jsx(l, { bg: "blue-30" }), /* @__PURE__ */ r.jsx("p", { className: "description", children: s }), /* @__PURE__ */ r.jsx(n, { title: t.title, src: t.link }) ] }) ] }) }); }; export { C as Alert, A as AlertVariantEnum }; //# sourceMappingURL=index.es97.js.map