'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
var styles = require('../styles.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

const MainHeader = ({ variant, headerVariant, title, secondaryText, 'data-testid': dataTestId, 'data-trackid': dataTrackId, }) => {
    return (React__default['default'].createElement(styles.Header, { variant: variant, headerVariant: headerVariant, "data-testid": dataTestId, "data-trackid": dataTrackId },
        typeof title === 'string' ? React__default['default'].createElement("h2", null, title) : { title },
        (secondaryText && typeof secondaryText === 'string') ||
            secondaryText === '' ? (React__default['default'].createElement("p", null, secondaryText)) : (React__default['default'].createElement(React__default['default'].Fragment, null, typeof secondaryText !== 'undefined' && secondaryText))));
};

exports['default'] = MainHeader;
