import { jsx as e, jsxs as s } from "react/jsx-runtime";
import { CachedW700 as r } from "@material-symbols-svg/react-rounded/icons/cached";
import { CloseW700 as l } from "@material-symbols-svg/react-rounded/icons/close";
import { z as c } from "../config-D-Ik_SSx.js";
import { Card as i } from "./Card.js";
const p = ({ message: a, onClickRetry: t }) => /* @__PURE__ */ e(i, { className: "w-full", children: /* @__PURE__ */ s("div", { className: "gap-sw-4xl py-6xl flex min-h-[200px] flex-col items-center justify-center w-full", children: [
  /* @__PURE__ */ s("div", { className: "gap-sw-xl flex flex-col items-center justify-center", children: [
    /* @__PURE__ */ s("header", { className: "gap-sw-md flex items-center", children: [
      /* @__PURE__ */ e(l, { className: "text-sw-accent-500 h-sw-4xl w-sw-4xl" }),
      /* @__PURE__ */ e("h3", { className: "text-sw-value-lg text-sw-accent-500", children: "Ooops..." })
    ] }),
    /* @__PURE__ */ s("p", { className: "text-sw-body-md text-center text-sw-gray-100", children: [
      a,
      " ",
      /* @__PURE__ */ e("br", {}),
      " ",
      t && "Please try again or contact support."
    ] })
  ] }),
  t && /* @__PURE__ */ e(
    c,
    {
      size: "md",
      variant: "primary",
      icon: r,
      onClick: t,
      className: "w-fit",
      children: "Try again"
    }
  )
] }) });
export {
  p as BlockingError
};
//# sourceMappingURL=BlockingError.js.map
