const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
let _pisell_utils = require("@pisell/utils");
require("../index.less");
//#region src/plus/saasCreateOrganization/components/Header.tsx
const Header = (props) => {
	const { showLogo = true, logo = "", logoSize = {
		width: 48,
		height: 48
	}, logoPosition = "center", showWelcomeMessage = true, welcomeMessage = _pisell_utils.locales.getText("pisell-saas-create-org-welcome-message"), welcomeMessageAlign = "center", showTitle = true, title = _pisell_utils.locales.getText("pisell-saas-create-org-title"), titleAlign = "center", showSubtitle = true, subtitle = "", subtitleAlign = "center" } = props;
	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, showLogo && /* @__PURE__ */ react.default.createElement("div", {
		className: `pisell-saas-create-org-logo ${logoPosition}`,
		style: {
			width: logoSize.width,
			height: logoSize.height
		}
	}, logo && /* @__PURE__ */ react.default.createElement("img", {
		src: logo,
		alt: "logo",
		style: { height: (logoSize === null || logoSize === void 0 ? void 0 : logoSize.height) || 48 }
	})), showWelcomeMessage && /* @__PURE__ */ react.default.createElement("h1", {
		className: "pisell-saas-create-org-welcome-message",
		style: { textAlign: welcomeMessageAlign }
	}, welcomeMessage || ""), showTitle && /* @__PURE__ */ react.default.createElement("h1", {
		className: "pisell-saas-create-org-title",
		style: { textAlign: titleAlign }
	}, title || ""), showSubtitle && /* @__PURE__ */ react.default.createElement("div", {
		className: "pisell-saas-create-org-subtitle",
		style: { textAlign: subtitleAlign }
	}, subtitle || ""));
};
//#endregion
exports.Header = Header;
