import { Button as i } from "./accelbyte-widgets107.mjs";
import { Dialog as o, DialogBody as m, DialogFooter as c } from "./accelbyte-widgets235.mjs";
import { CloseIcon as s } from "./accelbyte-widgets426.mjs";
import { Env as E } from "./accelbyte-widgets108.mjs";
import e from "react";
import { Trans as t } from "react-i18next";
import "./accelbyte-widgets623.mjs";
const b = (r) => {
  const { onCloseDialog: n, toggleDialogConfirmation: a, isDialogConfirmationOpen: l } = r;
  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(o, { isOpen: !0, className: "creatorAvatarDialog" }, /* @__PURE__ */ e.createElement("div", { className: "containerCreatorAvatar" }, /* @__PURE__ */ e.createElement("button", { className: "closeButton", onClick: a }, /* @__PURE__ */ e.createElement(s, { className: "text-[color:rgb(var(--od-rgba-text))]" })), /* @__PURE__ */ e.createElement("iframe", { id: "avatar-creator", className: "iframeCreatorAvatar", allow: "camera", src: E.READY_PLAYER_ME_AVATAR_URL }))), /* @__PURE__ */ e.createElement(
    o,
    {
      title: /* @__PURE__ */ e.createElement(t, { i18nKey: "RPMCreator.closeConfirmation" }, "Close avatar editor"),
      isOpen: l,
      className: "confirmationDialog"
    },
    /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement(t, { i18nKey: "RPMCreator.textContent" }, "Are you sure to close the avatar editor without finishing all the steps? Your progress may be lost.")),
    /* @__PURE__ */ e.createElement(c, { className: "flex justify-end" }, /* @__PURE__ */ e.createElement("button", { className: "btn btn-ghost mr-2", onClick: a }, /* @__PURE__ */ e.createElement(t, { i18nKey: "RPMCreator.backToEditor" }, "Back to Editor")), /* @__PURE__ */ e.createElement(i, { className: "btn btn-primary", onClick: n }, /* @__PURE__ */ e.createElement(t, { i18nKey: "RPMCreator.closeBtn" }, "Close")))
  ));
};
export {
  b as ReadyPlayerMeDialogComponent
};
