import { Button as o } from "./accelbyte-widgets107.mjs";
import { InfoIcon as n } from "./accelbyte-widgets330.mjs";
import l from "./accelbyte-widgets619.mjs";
import m from "./accelbyte-widgets620.mjs";
import i from "./accelbyte-widgets621.mjs";
import e from "react";
import { Trans as a } from "react-i18next";
import "./accelbyte-widgets622.mjs";
const p = (t) => {
  const { showCreatorRPM: r } = t;
  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "textSeparator" }, /* @__PURE__ */ e.createElement(a, { i18nKey: "SelectAvatarDialog.or" }, "or")), /* @__PURE__ */ e.createElement("div", { className: "title" }, /* @__PURE__ */ e.createElement(a, { i18nKey: "SelectAvatarDialog.RPM.title" }, "Custom 3D Avatar")), /* @__PURE__ */ e.createElement("div", { className: "containerReadyPlayerMe" }, /* @__PURE__ */ e.createElement("div", { className: "leftContainer" }, /* @__PURE__ */ e.createElement("div", { className: "imageAvatarContainer" }, /* @__PURE__ */ e.createElement("img", { src: m, loading: "lazy" }), /* @__PURE__ */ e.createElement("img", { src: l, className: "absoluteImage", loading: "lazy" }))), /* @__PURE__ */ e.createElement("div", { className: "rightContainer" }, /* @__PURE__ */ e.createElement("div", { className: "titleRightContainer" }, /* @__PURE__ */ e.createElement(a, { i18nKey: "SelectAvatarDialog.RPM.createInfo" }, "Create your 3D Avatar")), /* @__PURE__ */ e.createElement("img", { src: i, loading: "lazy" }), /* @__PURE__ */ e.createElement(o, { className: "btn btn-primary btnCreateAvatar", onClick: r }, /* @__PURE__ */ e.createElement(a, { i18nKey: "SelectAvatarDialog.RPM.openDialogButton" }, "Customize 3D Avatar")))), /* @__PURE__ */ e.createElement("div", { className: "noteContainer" }, /* @__PURE__ */ e.createElement(n, { fillColor: "none", stroke: "#B5B5B5" }), /* @__PURE__ */ e.createElement("div", { className: "noteMessage" }, /* @__PURE__ */ e.createElement(a, { i18nKey: "RPMCreator.note" }, "ReadyPlayerMe uses local storage to save the avatar data, so the avatar that you saved on ReadyPlayerMe app will be shared across different accounts under same web browser on your computer."))));
};
export {
  p as RPMCreateButton
};
