const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
const require_Login2 = require("../../../../pro/Login2.0/Login2.js");
let react = require("react");
react = require_runtime.__toESM(react);
require("./index.less");
//#region src/plus/webPosLogin/components/LoginPanel/index.tsx
/**
* LoginPanel 登录面板组件
* @description 登录表单容器，由用户自行实现具体登录逻辑
*/
const LoginPanel = (0, react.memo)((props) => {
	const { className = "", onLoginSuccess, config } = props;
	return /* @__PURE__ */ react.default.createElement("div", { className: `login-panel ${className}`.trim() }, /* @__PURE__ */ react.default.createElement(require_Login2.default, {
		config: config || {
			loginMethods: [{
				type: "email",
				verificationMethods: ["password"]
			}],
			ui: {
				title: {
					show: false,
					text: "Welcome back",
					align: "center"
				},
				subtitle: {
					show: false,
					text: "Log in to your account",
					align: "center"
				},
				desc: {
					show: false,
					text: "Welcome back! Please enter your details.",
					align: "center"
				},
				themeColor: "#7F56D9",
				logo: { show: false },
				formLabels: {
					email: { show: true },
					phone: { show: true },
					password: { show: true },
					verificationCode: { show: true }
				}
			},
			legalTerms: { enabled: false },
			emailLinkVerification: {
				enabled: false,
				code: ""
			}
		},
		onLogin: onLoginSuccess
	}));
});
LoginPanel.displayName = "LoginPanel";
//#endregion
exports.default = LoginPanel;
