import { Alert as m } from "./accelbyte-widgets123.mjs";
import { Button as s } from "./accelbyte-widgets107.mjs";
import { Dialog as g, DialogBody as d, DialogFooter as f } from "./accelbyte-widgets235.mjs";
import { t as p } from "./accelbyte-widgets58.mjs";
import { AlertType as E } from "./accelbyte-widgets128.mjs";
import e from "react";
import { Trans as i } from "react-i18next";
import a from "./accelbyte-widgets487.mjs";
const D = (n) => {
  const { isRequestingVerificationCode: o, onClose: l, onSendVerification: r, onDismissAlert: c, alert: t } = n;
  return /* @__PURE__ */ e.createElement(g, { title: p("AccountMyProfilePage.dialog.changeEmail.title"), isOpen: !0 }, /* @__PURE__ */ e.createElement(d, { className: a.dialogBody }, t && t.type === E.danger && /* @__PURE__ */ e.createElement("div", { className: "mb-3" }, /* @__PURE__ */ e.createElement(m, { type: t.type, className: "profilePageAlerts", onDismiss: c }, t.element)), /* @__PURE__ */ e.createElement(i, { i18nKey: "AccountMyProfilePage.dialog.changeEmail.content" }, /* @__PURE__ */ e.createElement("p", null, "You will need a verification code to make this change."), /* @__PURE__ */ e.createElement("p", null, "Click the button below to receive an email containing your code."))), /* @__PURE__ */ e.createElement(f, { className: a.dialogFooter }, /* @__PURE__ */ e.createElement("button", { onClick: () => l(), className: "btn big btn-ghost btnVerification" }, /* @__PURE__ */ e.createElement(i, { i18nKey: "AccountMyProfilePage.dialog.cancel" }, "CANCEL")), /* @__PURE__ */ e.createElement(
    s,
    {
      loadingIndicator: "SPINNER",
      onClick: () => r(),
      className: "btn big btn-primary btnCancel",
      disabled: o,
      isLoading: o
    },
    /* @__PURE__ */ e.createElement(i, { i18nKey: "AccountMyProfilePage.dialog.sendVerification" }, "Send Verification")
  )));
};
export {
  D as ChangeEmailDialog
};
