import e from "react";
import E from "classnames";
import { Typography as p } from "./accelbyte-widgets173.mjs";
import "./accelbyte-widgets583.mjs";
function L({
  logo: s,
  title: i,
  subtitle: m,
  children: o,
  className: _,
  backgroundURL: a,
  backgroundOverlay: t,
  errorAlert: h
}) {
  return /* @__PURE__ */ e.createElement(
    "div",
    {
      className: E("twitchDropLayout relative", _, {
        gradient: (t == null ? void 0 : t.isEnabled) && (t == null ? void 0 : t.type) === "gradient",
        full: (t == null ? void 0 : t.isEnabled) && (t == null ? void 0 : t.type) === "full"
      }),
      style: { backgroundImage: `url(${a})` }
    },
    /* @__PURE__ */ e.createElement("div", { className: "twitchDropLayout__innerContainer" }, /* @__PURE__ */ e.createElement("div", { className: "twitchDropLayout__errorContainer" }, h), s && /* @__PURE__ */ e.createElement("div", { className: "twitchDropLayout__logo" }, /* @__PURE__ */ e.createElement("img", { src: s, alt: "logo" })), (i || m) && /* @__PURE__ */ e.createElement("div", { className: "twitchDropLayout__titleContainer" }, i && /* @__PURE__ */ e.createElement(p, { tag: "h1", className: "twitchDropLayout__title" }, i), m && /* @__PURE__ */ e.createElement(p, { tag: "p", className: "twitchDropLayout__subtitle" }, m)), o)
  );
}
export {
  L as TwitchDropLayout
};
