var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import React from 'react';
import PropTypes from 'prop-types';
import './Hero.scss';
import LinkButton from '../../LinkButton';
import ResponsiveBackgroundImage from '../ResponsiveBackgroundImage';
export var Hero = function (_a) {
    var backgroundImage = _a.backgroundImage, fromText = _a.fromText, bookTitle = _a.bookTitle, titleFollow = _a.titleFollow, buttonText = _a.buttonText, href = _a.href, buttonFollow = _a.buttonFollow, ctaOverride = _a.ctaOverride, className = _a.className;
    return (React.createElement(ResponsiveBackgroundImage, __assign({ className: [className, 'hero'].filter(Boolean).join(' ') }, backgroundImage),
        React.createElement("div", { className: "hero__content-wrapper" },
            React.createElement("div", { className: "hero__content" },
                React.createElement("div", { className: "hero__text-wrapper" },
                    fromText && (React.createElement("div", { className: "hero__from-subtext" }, fromText)),
                    React.createElement("h1", { className: "hero__title" }, bookTitle),
                    titleFollow && (React.createElement("div", { className: "hero__title-follow" }, titleFollow)),
                    ctaOverride && (React.createElement("div", { className: "hero__button-wrapper" }, ctaOverride)),
                    !ctaOverride && buttonText && href && (React.createElement("div", { className: "hero__button-wrapper" },
                        React.createElement(LinkButton, { href: href, isDark: true }, buttonText))),
                    buttonFollow && (React.createElement("div", { className: "hero__button-follow" }, buttonFollow)))))));
};
Hero.propTypes = {
    backgroundImage: PropTypes.object,
    fromText: PropTypes.string,
    bookTitle: PropTypes.node.isRequired,
    titleFollow: PropTypes.node,
    buttonText: PropTypes.string,
    href: PropTypes.string,
    buttonFollow: PropTypes.string,
    ctaOverride: PropTypes.node,
    className: PropTypes.string,
};
Hero.defaultProps = {
    backgroundImage: {},
    buttonText: 'Order Now',
    className: '',
};
export default Hero;
//# sourceMappingURL=Hero.js.map