import { CircleCheckIcon as s } from "./accelbyte-widgets358.mjs";
import t from "react";
import { Trans as e } from "react-i18next";
import { TwitchCard as u } from "./accelbyte-widgets506.mjs";
import { TwitchDropLayout as y } from "./accelbyte-widgets507.mjs";
import "./accelbyte-widgets508.mjs";
import { t as a } from "./accelbyte-widgets58.mjs";
import { LoginPath as k } from "./accelbyte-widgets35.mjs";
import { Link as h } from "react-router-dom";
import { Ctx as L } from "./accelbyte-widgets33.mjs";
import { Typography as i } from "./accelbyte-widgets173.mjs";
import { Button as l, ButtonType as m, ButtonStyle as c } from "./accelbyte-widgets107.mjs";
import d from "classnames";
const w = "https://www.twitch.tv/drops/inventory", S = ({ className: p, logo: T, configs: n, isPreview: r, isMultipleGame: g }) => {
  const o = L.getAppState();
  return /* @__PURE__ */ t.createElement(
    y,
    {
      backgroundOverlay: o.linkTwitchManager.getBackgroundOverlay(n),
      backgroundURL: o.linkTwitchManager.getBackgroundURL(n),
      logo: T || o.linkTwitchManager.getCompanyLogo(),
      className: d("linkedFormPanel linkLayout", p)
    },
    /* @__PURE__ */ t.createElement(u, { isMultipleGame: g }, /* @__PURE__ */ t.createElement(i, { tag: "h2" }, /* @__PURE__ */ t.createElement(e, { i18nKey: "LinkTwitchPage.linkedFormPanel.title" }, "Twitch Account Linked")), /* @__PURE__ */ t.createElement(s, { className: "icon", checked: !0, fill: !0 }), /* @__PURE__ */ t.createElement(i, { tag: "p" }, /* @__PURE__ */ t.createElement(e, { i18nKey: "LinkTwitchPage.linkedFormPanel.instruction" }, "Your account is now linked to Twitch. To claim your Drop items, please go to Twitch Inventory page.")), r ? /* @__PURE__ */ t.createElement("div", { className: "btn btn-primary btnGoToInventory cursor-pointer" }, /* @__PURE__ */ t.createElement(e, { i18nKey: "LinkTwitchPage.linkedFormPanel.goToInventory" }, "Go To Twitch Inventory")) : /* @__PURE__ */ t.createElement("a", { target: "_blank", rel: "noreferrer", href: w, className: "btn btn-primary btnGoToInventory" }, /* @__PURE__ */ t.createElement(e, { i18nKey: "LinkTwitchPage.linkedFormPanel.goToInventory" }, "Go To Twitch Inventory"))),
    r ? /* @__PURE__ */ t.createElement("div", { className: "btnLogout" }, /* @__PURE__ */ t.createElement(l, { buttonType: m.PLAIN, buttonStyle: c.TEXT, hasOutline: !1 }, a("Navigation.links.logout"))) : /* @__PURE__ */ t.createElement(h, { to: k.Logout.makePath(), className: "btnLogout" }, /* @__PURE__ */ t.createElement(l, { buttonType: m.PLAIN, buttonStyle: c.TEXT, hasOutline: !1 }, a("Navigation.links.logout")))
  );
};
export {
  S as LinkedFormPanel
};
