import e from "react";
import { B as m, a as l, b as i } from "./useRoutes-367960a3.mjs";
const y = (o) => {
  const { title: c, description: n, message: r, buttonAction: s, buttonText: a, icon: t } = o;
  return /* @__PURE__ */ e.createElement("div", { className: "errorPage" }, /* @__PURE__ */ e.createElement("div", { className: "wrapper" }, typeof t == "string" && /* @__PURE__ */ e.createElement("img", { src: t, className: "icon", loading: "lazy" }), typeof t != "string" && t, /* @__PURE__ */ e.createElement("div", { className: "message" }, /* @__PURE__ */ e.createElement("div", { className: "primary" }, c), /* @__PURE__ */ e.createElement("div", { className: "description" }, n), !!r && /* @__PURE__ */ e.createElement("div", { className: "secondary" }, r)), s && /* @__PURE__ */ e.createElement(m, { className: "button", onClick: s, buttonStyle: l.PRIMARY, buttonType: i.FLAT }, a == null ? void 0 : a.toUpperCase())));
};
export {
  y as E
};
