import t, { useState as u } from "react";
import { CircleCheckIcon as d } from "./accelbyte-widgets358.mjs";
import { TwitchCard as k } from "./accelbyte-widgets506.mjs";
import { TwitchDropLayout as h } from "./accelbyte-widgets507.mjs";
import "./accelbyte-widgets588.mjs";
import { Typography as f } from "./accelbyte-widgets173.mjs";
import { Ctx as y } from "./accelbyte-widgets33.mjs";
import { SuccessModal as T } from "./accelbyte-widgets589.mjs";
const v = ({
  className: l,
  logo: o,
  isPreviewModalOpen: n,
  configs: a,
  itemList: r,
  gameName: m,
  namespace: i,
  isMultipleGame: c,
  isPreview: p
}) => {
  const [s, g] = u(r.length !== 0), e = y.getAppState();
  return /* @__PURE__ */ t.createElement(
    h,
    {
      backgroundOverlay: e.linkTwitchManager.getBackgroundOverlay(a),
      backgroundURL: e.linkTwitchManager.getBackgroundURL(a),
      logo: o || e.linkTwitchManager.getCompanyLogo(),
      title: "Re-claim Twitch Drops",
      className: l
    },
    /* @__PURE__ */ t.createElement(k, { className: "claimSuccessPanel", isMultipleGame: c }, /* @__PURE__ */ t.createElement(d, { className: "icon", checked: !0, fill: !0 }), /* @__PURE__ */ t.createElement(f, { tag: "p" }, "All Done! You've successfully claimed your drops.")),
    /* @__PURE__ */ t.createElement(
      T,
      {
        gameName: m,
        visible: n ?? s,
        isPreview: p,
        dropItems: r,
        backgroundURL: e.linkTwitchManager.getBackgroundURL(a),
        logo: o || e.linkTwitchManager.getCompanyLogo(),
        namespace: i,
        onClose: () => g(!1),
        isMultipleGame: c
      }
    )
  );
};
export {
  v as ClaimSuccessPanel
};
