import t from "react";
import { Button as c, ButtonType as h, ButtonStyle as u } from "./accelbyte-widgets107.mjs";
import { Trans as r } from "react-i18next";
import { UrlUtils as E } from "./accelbyte-widgets90.mjs";
import { Typography as i } from "./accelbyte-widgets173.mjs";
import { Ctx as d } from "./accelbyte-widgets33.mjs";
import w from "classnames";
import "./accelbyte-widgets505.mjs";
function B({ configs: a, onLinkAccount: p, onReclaim: s, className: g }) {
  var l, o, m;
  const { linkTwitchManager: n } = d.getAppState(), e = n.getBackgroundOverlay(a);
  return /* @__PURE__ */ t.createElement(
    "div",
    {
      className: w("twitchDropLandingPage twitchDropLayout", g, {
        gradient: (e == null ? void 0 : e.isEnabled) && (e == null ? void 0 : e.type) === "gradient",
        full: (e == null ? void 0 : e.isEnabled) && (e == null ? void 0 : e.type) === "full"
      }),
      style: { backgroundImage: `url("${n.getBackgroundURL(a)}")` }
    },
    /* @__PURE__ */ t.createElement("div", { className: "relative" }, /* @__PURE__ */ t.createElement(i, { tag: "h1", className: "twitchDropLandingPage__title" }, /* @__PURE__ */ t.createElement(r, { i18nKey: "TwitchDropPage.twitchDrops" }, "Twitch Drops")), /* @__PURE__ */ t.createElement("div", { className: "twitchDropLandingPage__subtitle" }, /* @__PURE__ */ t.createElement(r, { i18nKey: "TwitchDropPage.landing.subtitle" }, /* @__PURE__ */ t.createElement(i, { tag: "p" }, "Participate on the event, watch Twitch streams, and earn rewards."), /* @__PURE__ */ t.createElement(i, { tag: "p" }, "Get started by linking your Twitch account."))), /* @__PURE__ */ t.createElement("div", { className: "twitchDropLandingPage__buttonGroup" }, /* @__PURE__ */ t.createElement(c, { onClick: p }, /* @__PURE__ */ t.createElement(r, { i18nKey: "TwitchDropPage.landing.linkAccount" }, "Link Account")), ((l = n.getStreamInfoData(a)) == null ? void 0 : l.isStreamButtonEnabled) && /* @__PURE__ */ t.createElement("a", { href: E.fixUrl((o = n.getStreamInfoData(a)) == null ? void 0 : o.streamButton.url), target: "_blank", rel: "noreferrer" }, /* @__PURE__ */ t.createElement(c, { buttonType: h.OUTLINED, buttonStyle: u.TEXT }, (m = n.getStreamInfoData(a)) == null ? void 0 : m.streamButton.label))), n.getGameOptions(a).length > 0 && /* @__PURE__ */ t.createElement(i, { tag: "p", className: "twitchDropLandingPage__bottomCta" }, /* @__PURE__ */ t.createElement(r, { i18nKey: "TwitchDropPage.landing.bottomCta" }, "Have problem claiming Twitch Drops? ", /* @__PURE__ */ t.createElement("button", { onClick: s }, "Re-claim here"))))
  );
}
export {
  B as LandingPanel
};
