@anoki/fse-ui/dist/index.es17.js

FSE UI components library

import { j as r } from "./index.es278.js";
import { Col as n } from "./index.es82.js";
import { Row as i } from "./index.es219.js";
import './components/ui/AlertBanner/AlertBanner.css';/* empty css            */
import { Info as a } from "./index.es171.js";
const f = ({ type: e, title: s, children: t }) => {
  const o = {
    info: "text-primary",
    warning: "text-warning",
    error: "text-danger",
    success: "text-success"
  }[e];
  return /* @__PURE__ */ r.jsxs(n, { className: `ui-alert-banner --${e}`, gap: "x24", p: "x12", children: [
    /* @__PURE__ */ r.jsxs(i, { alignItems: "center", gap: "x8", children: [
      /* @__PURE__ */ r.jsx(a, { height: 26, width: 26, className: o }),
      /* @__PURE__ */ r.jsx("h4", { className: "fs-7 fw-semibold text-grey-black", children: s })
    ] }),
    t
  ] });
};
export {
  f as AlertBanner
};
//# sourceMappingURL=index.es17.js.map