import { jsxs as s, Fragment as c, jsx as e } from "react/jsx-runtime";
import { isArray as d, isEmpty as p } from "es-toolkit/compat";
import g from "./CustomState.js";
const h = (a) => {
  const { message: t, features: r, icon: i = "rioglyph-stars", ...o } = a, m = /* @__PURE__ */ s(c, { children: [
    t && /* @__PURE__ */ e("div", { className: "text-medium margin-bottom-20", children: t }),
    r && d(r) && !p(r) && /* @__PURE__ */ e(
      "ul",
      {
        className: "feature-list icon-list margin-x-10pct-ls margin-y-10 text-size-12 text-size-14-sm",
        id: "features",
        children: r.map((l, n) => /* @__PURE__ */ s(
          "li",
          {
            className: "padding-x-15 bg-lightest rounded rounded-large border-none display-flex align-items-center gap-2 text-left",
            children: [
              /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-ok text-color-primary" }),
              /* @__PURE__ */ e("span", { className: "text-color-darker", children: l })
            ]
          },
          n
        ))
      }
    )
  ] });
  return /* @__PURE__ */ e(
    g,
    {
      message: m,
      icons: [{ name: i, color: "text-color-primary" }],
      ...o
    }
  );
};
export {
  h as default
};
//# sourceMappingURL=NotBookedState.js.map
