var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
import React from 'react';
import { Hero, SideFeature, CenterFeature, KeyHighlights, VideoFeature, Callout, } from '../';
import TrumpetSvg from '../../Icons/TrumpetSvg';
import CoatOfArmsSvg from '../../Icons/CoatOfArmsSvg';
import ScrollSvg from '../../Icons/ScrollSvg';
import './ExplorersGuideToWildemountLandingPage.scss';
var marketPlaceUrl = '/marketplace/source/explorers-guide-to-wildemount';
var loginUrl = "/login?returnUrl=" + marketPlaceUrl;
var ExplorersGuideToWildemountLandingPage = /** @class */ (function (_super) {
    __extends(ExplorersGuideToWildemountLandingPage, _super);
    function ExplorersGuideToWildemountLandingPage() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ExplorersGuideToWildemountLandingPage.prototype.render = function () {
        var _a = this.props, IsAuthenticated = _a.IsAuthenticated, IsReleased = _a.IsReleased;
        var getHref = function () {
            return IsAuthenticated ? marketPlaceUrl : loginUrl;
        };
        var getButtonText = function () {
            if (IsAuthenticated) {
                return IsReleased ? 'Buy Now' : 'Pre-Order Now';
            }
            return 'Sign In';
        };
        return (React.createElement("div", { className: "egtw" },
            React.createElement(Hero, { backgroundImage: {
                    large: 'content/images/landing-pages/egtw/explorers-guide-to-wildemount-hero-background-desktop.jpg',
                    medium: 'content/images/landing-pages/egtw/explorers-guide-to-wildemount-hero-background-tablet.jpg',
                    tiny: 'content/images/landing-pages/egtw/explorers-guide-to-wildemount-hero-background-mobile.jpg',
                }, fromText: "From Critical Role D.M. Matt Mercer", bookTitle: "Explorer\u2019s Guide to Wildemount", buttonText: getButtonText(), href: getHref() }),
            React.createElement(SideFeature, { backgroundImage: {
                    large: 'content/images/landing-pages/egtw/explorers-guide-to-wildemount-feature-background.jpg',
                }, featureImage: {
                    source: 'content/images/landing-pages/egtw/explorers-guide-to-wildemount-book-cover.jpg',
                    alt: 'Explorer\'s Guide to Wildemount Book Cover',
                }, featureHeaderText: "Welcome to Wildemount", featureBodyText: "Create your own campaign in Critical Role's world of Exandria with this sourcebook for the world\u2019s greatest roleplaying game." }),
            React.createElement(CenterFeature, { backgroundImage: {
                    large: 'content/images/landing-pages/egtw/explorers-guide-to-wildemount-preorder-bonuses-background.jpg',
                }, featureImage: {
                    source: 'content/images/landing-pages/egtw/explorers-guide-to-wildemount-preorder-bonuses-main.jpg',
                    alt: 'Explorer\'s Guide to Wildemount Customizations',
                }, featureHeaderText: "Exclusive Pre-Order Bonuses", featureBodyText: "Customize your gaming experience with unique frames, backdrops, themes and portraits.", buttonText: getButtonText(), href: getHref() }),
            React.createElement(KeyHighlights, { backgroundImage: {
                    large: 'content/images/landing-pages/egtw/explorers-guide-to-wildemount-key-highlights-background.jpg',
                }, highlights: [
                    {
                        icon: React.createElement(TrumpetSvg, null),
                        header: 'Explore Exandria',
                        text: 'Jump into the action with 4 starting adventures, complete with plot seeds, maps and more, to introduce you to the detailed world of Wildemount.',
                    },
                    {
                        icon: React.createElement(CoatOfArmsSvg, null),
                        header: 'Discover a Brand New World',
                        text: 'Explore over 300 pages containing the turbulent history of Wildemount, including its rich gazetteer, detailed pantheon, major and minor factions, historical figures, new monsters, and much more.',
                    },
                    {
                        icon: React.createElement(ScrollSvg, null),
                        header: 'It’s Your Turn to Roll',
                        text: 'Craft your character with any of the 3 new subclasses, wield one of the many Vestiges of Divergence, or embrace the world-bending magic of dunamancy.',
                    },
                ], buttonText: "View Details", href: "/marketplace/source/explorers-guide-to-wildemount" }),
            React.createElement(VideoFeature, { headerText: "How Do You Want To Do This?", videoUrl: "https://www.youtube.com/embed/Z1CILn2VR8s" }),
            React.createElement(Callout, { mainText: "Now Available", buttonText: getButtonText(), href: getHref() })));
    };
    ;
    return ExplorersGuideToWildemountLandingPage;
}(React.PureComponent));
export default ExplorersGuideToWildemountLandingPage;
//# sourceMappingURL=ExplorersGuideToWildemountLandingPage.js.map