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

FSE UI components library

import { j as e } from "./index.es180.js";
import './components/ui/ActionBanner/ActionBanner.css';/* empty css            */
import { ArrowLink as d } from "./index.es35.js";
import { Button as i } from "./index.es25.js";
import { Shape as h } from "./index.es146.js";
var x = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.OUTLINE = "outline", a.SIMPLE = "simple", a))(x || {});
const v = ({
  title: a,
  description: m,
  variant: n = "default",
  link: s,
  firstAction: r,
  secondAction: l
}) => /* @__PURE__ */ e.jsxs("div", { className: `action-banner action-banner-${n}`, children: [
  /* @__PURE__ */ e.jsx("div", { className: "banner-head", children: /* @__PURE__ */ e.jsx("div", { className: "banner-title", children: a }) }),
  /* @__PURE__ */ e.jsxs("div", { className: "banner-body", children: [
    /* @__PURE__ */ e.jsx("div", { className: "banner-icon", children: /* @__PURE__ */ e.jsx(h, {}) }),
    /* @__PURE__ */ e.jsx("span", { className: "banner-description", children: m })
  ] }),
  /* @__PURE__ */ e.jsxs("div", { className: "banner-actions", children: [
    s && /* @__PURE__ */ e.jsx(d, { asLink: "a", children: s.title, href: s.link }),
    r && (r == null ? void 0 : r.title) && /* @__PURE__ */ e.jsx(
      i,
      {
        variant: "secondary",
        className: "left-button",
        asLink: "a",
        href: r.link,
        children: r.title
      }
    ),
    l && (l == null ? void 0 : l.title) && /* @__PURE__ */ e.jsx(i, { asLink: "a", href: l.link, border: "primary", children: l.title })
  ] })
] });
export {
  v as ActionBanner,
  x as ActionBannerVariantEnum
};
//# sourceMappingURL=index.es87.js.map