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