import React from "react";
import { locales } from "@pisell/utils";
import IconFont from "@pisell/materials/src/components/iconfont";
//#region src/pro/Login2.0/steps/EmailAlreadyRegistered.tsx
/**
* 账号已注册错误页面（对应图2）
* 支持邮箱和手机号两种账号类型
*/
function EmailAlreadyRegistered({ flowData, onGoToLogin, onBack }) {
	const message = flowData.accountType === "email" ? locales.getText("pisell-register2-email-already-registered") : locales.getText("pisell-register2-phone-already-registered");
	return /* @__PURE__ */ React.createElement("div", { className: "register-step-container email-already-registered-page" }, /* @__PURE__ */ React.createElement("button", {
		className: "back-button-top",
		onClick: onBack,
		"aria-label": "Go back"
	}, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-arrow-left" })), /* @__PURE__ */ React.createElement("div", { className: "register-step-content" }, /* @__PURE__ */ React.createElement("p", { className: "email-already-registered-message" }, message), /* @__PURE__ */ React.createElement("div", { className: "register-login-prompt" }, /* @__PURE__ */ React.createElement("span", { className: "prompt-text" }, locales.getText("pisell-register2-have-account"), " "), /* @__PURE__ */ React.createElement("button", {
		className: "login-link",
		onClick: onGoToLogin
	}, locales.getText("pisell-register2-login-link")))));
}
//#endregion
export { EmailAlreadyRegistered as default };
