import e from "react";
import { Typography as m } from "./accelbyte-widgets173.mjs";
import { Trans as o } from "react-i18next";
import { UserInfoCard as g } from "./accelbyte-widgets511.mjs";
import { FlatTwitchPrimaryButton as p } from "./accelbyte-widgets585.mjs";
import { ButtonStyle as u } from "./accelbyte-widgets107.mjs";
import { TwitchDropLayout as f } from "./accelbyte-widgets507.mjs";
import { Ctx as w } from "./accelbyte-widgets33.mjs";
import { TwitchCard as y } from "./accelbyte-widgets506.mjs";
const L = ({ displayName: n, logo: a, onRelogin: c, className: i, configs: r, isMultipleGame: l }) => {
  const t = w.getAppState();
  return /* @__PURE__ */ e.createElement(
    f,
    {
      backgroundOverlay: t.linkTwitchManager.getBackgroundOverlay(r),
      backgroundURL: t.linkTwitchManager.getBackgroundURL(r),
      logo: a || t.linkTwitchManager.getCompanyLogo(),
      className: i
    },
    /* @__PURE__ */ e.createElement(y, { className: "contentPanel", isMultipleGame: l }, /* @__PURE__ */ e.createElement(m, { tag: "p" }, /* @__PURE__ */ e.createElement(o, { i18nKey: "TwitchDropPage.panel.wrongAccount" }, "You are logged in using different account, please re-login using Twitch account below:")), /* @__PURE__ */ e.createElement(g, { displayName: n }), /* @__PURE__ */ e.createElement(p, { onClick: c, buttonStyle: u.PRIMARY }, /* @__PURE__ */ e.createElement(o, { i18nKey: "TwitchDropPage.panel.relogin" }, "RELOGIN")))
  );
};
export {
  L as WrongAccountPanel
};
