import e from "react";
import { Typography as o } from "./accelbyte-widgets173.mjs";
import { Trans as r } from "react-i18next";
import { TwitchDropLayout as c } from "./accelbyte-widgets507.mjs";
import "./accelbyte-widgets587.mjs";
import { Ctx as p } from "./accelbyte-widgets33.mjs";
import { FlatTwitchPrimaryButton as g } from "./accelbyte-widgets585.mjs";
import s from "classnames";
import { TwitchCard as y } from "./accelbyte-widgets506.mjs";
const P = ({ onRetry: m, className: n, logo: i, configs: a, isMultipleGame: l }) => {
  const t = p.getAppState();
  return /* @__PURE__ */ e.createElement(
    c,
    {
      backgroundOverlay: t.linkTwitchManager.getBackgroundOverlay(a),
      backgroundURL: t.linkTwitchManager.getBackgroundURL(a),
      logo: i || t.linkTwitchManager.getCompanyLogo(),
      title: /* @__PURE__ */ e.createElement(r, { i18nKey: "TwitchDropPage.claim.error_panel.title" }, "Oops… something went wrong"),
      className: s("claimErrorPanel", n)
    },
    /* @__PURE__ */ e.createElement(y, { isMultipleGame: l }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(o, { tag: "p" }, /* @__PURE__ */ e.createElement(r, { i18nKey: "TwitchDropPage.claim.error.message1" }, "There was a problem claiming your Twitch drop.")), /* @__PURE__ */ e.createElement(o, { tag: "p" }, /* @__PURE__ */ e.createElement(r, { i18nKey: "TwitchDropPage.claim.error.message2" }, "If the problem persists, please try logging in again or contact our Customer Support."))), /* @__PURE__ */ e.createElement(g, { onClick: m }, /* @__PURE__ */ e.createElement(r, { i18nKey: "common.button.retry" }, "Retry")))
  );
};
export {
  P as ClaimErrorPanel
};
