"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "CovidLetterheadSection", {
    enumerable: true,
    get: function() {
        return CovidLetterheadSection;
    }
});
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
const _Layout = require("./Layout");
const _Typography = require("./Typography");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const CovidLetterheadSection = ({ getSetting, logoSrc })=>{
    // TODO: maybe make this the same as LetterheadSection for consistency
    const { title, subTitle } = getSetting('templates.letterhead');
    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, logoSrc && /*#__PURE__*/ _react.default.createElement(_Layout.Logo, {
        logoSrc: logoSrc
    }), /*#__PURE__*/ _react.default.createElement(_Layout.Box, {
        style: {
            maxWidth: 400,
            marginLeft: 'auto',
            marginRight: 'auto'
        }
    }, /*#__PURE__*/ _react.default.createElement(_Typography.H1, null, title), /*#__PURE__*/ _react.default.createElement(_Typography.H2, null, subTitle)));
};

//# sourceMappingURL=CovidLetterheadSection.js.map