import React__default from 'react';
import { Header } from '../styles.js';

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

export { MainHeader as default };
