import { Button as n } from "./accelbyte-widgets107.mjs";
import { Ctx as r } from "./accelbyte-widgets33.mjs";
import { GlobalPath as i } from "./accelbyte-widgets104.mjs";
import { LoginPath as a } from "./accelbyte-widgets35.mjs";
import s from "./accelbyte-widgets112.mjs";
import m from "./accelbyte-widgets110.mjs";
import e from "react";
import { Trans as t } from "react-i18next";
import "./accelbyte-widgets111.mjs";
class S extends e.Component {
  constructor() {
    super(...arguments), this.logoutAndBackToLogin = async () => {
      const o = r.getAppState().state.appHistory;
      await r.getAppState().logout(), o.push(
        a.Login.withSearchParams({
          [a.LoginURLGeneratorParamKeys.RETURN_PATH_PARAMS_KEY]: i.Home.link
        })
      );
    };
  }
  render() {
    return /* @__PURE__ */ e.createElement("div", { className: "errorPage", style: { backgroundImage: `url(${m})` } }, /* @__PURE__ */ e.createElement("div", { className: "errorPageContentWrapper errorLoginSession" }, /* @__PURE__ */ e.createElement("div", { className: "errorPageContent" }, /* @__PURE__ */ e.createElement("img", { src: s, className: "errorPageImage", alt: "astronaut time", loading: "lazy" }), /* @__PURE__ */ e.createElement("div", { className: "errorPageText" }, /* @__PURE__ */ e.createElement("h2", { className: "textHeading" }, /* @__PURE__ */ e.createElement(t, { i18nKey: "LoginSessionExpired.title" }, "Oops... Your Session Expired")), /* @__PURE__ */ e.createElement("h3", { className: "textSubHeading" }, /* @__PURE__ */ e.createElement(t, { i18nKey: "LoginSessionExpired.subTitle" }, "Sorry we lost you! Please log in again.")), /* @__PURE__ */ e.createElement("div", { className: "textContent" }, /* @__PURE__ */ e.createElement("div", { className: "buttonWrapper" }, /* @__PURE__ */ e.createElement(n, { className: "btn btn-primary", onClick: this.logoutAndBackToLogin }, /* @__PURE__ */ e.createElement(t, { i18nKey: "LoginSessionExpired.buttonAction" }, "Back To Login"))))))));
  }
}
export {
  S as default
};
