import React from "react";
import { locales } from "@pisell/utils";
import "../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 = locales.getText("pisell-saas-create-org-welcome-message"), welcomeMessageAlign = "center", showTitle = true, title = locales.getText("pisell-saas-create-org-title"), titleAlign = "center", showSubtitle = true, subtitle = "", subtitleAlign = "center" } = props;
	return /* @__PURE__ */ React.createElement(React.Fragment, null, showLogo && /* @__PURE__ */ React.createElement("div", {
		className: `pisell-saas-create-org-logo ${logoPosition}`,
		style: {
			width: logoSize.width,
			height: logoSize.height
		}
	}, logo && /* @__PURE__ */ React.createElement("img", {
		src: logo,
		alt: "logo",
		style: { height: (logoSize === null || logoSize === void 0 ? void 0 : logoSize.height) || 48 }
	})), showWelcomeMessage && /* @__PURE__ */ React.createElement("h1", {
		className: "pisell-saas-create-org-welcome-message",
		style: { textAlign: welcomeMessageAlign }
	}, welcomeMessage || ""), showTitle && /* @__PURE__ */ React.createElement("h1", {
		className: "pisell-saas-create-org-title",
		style: { textAlign: titleAlign }
	}, title || ""), showSubtitle && /* @__PURE__ */ React.createElement("div", {
		className: "pisell-saas-create-org-subtitle",
		style: { textAlign: subtitleAlign }
	}, subtitle || ""));
};
//#endregion
export { Header };
