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, Callout, } from '../';
import './CombatTrackerLandingPage.scss';
var CombatTrackerLandingPage = /** @class */ (function (_super) {
    __extends(CombatTrackerLandingPage, _super);
    function CombatTrackerLandingPage() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    CombatTrackerLandingPage.prototype.render = function () {
        var _a = this.props, IsAuthenticated = _a.IsAuthenticated, IsSubscriber = _a.IsSubscriber;
        var getHref = function () {
            if (IsAuthenticated) {
                return IsSubscriber ? '/encounter-builder' : '/subscribe';
            }
            else {
                return '/login?returnUrl=/encounter-builder';
            }
        };
        var getButtonText = function () {
            if (IsAuthenticated) {
                return IsSubscriber ? 'Start Building' : 'Subscribe Now';
            }
            else {
                return 'Sign In';
            }
        };
        return (React.createElement("div", { className: "combat-tracker" },
            React.createElement(Hero, { backgroundImage: {
                    large: 'content/images/landing-pages/ct/combat-tracker-hero-background-desktop.jpg',
                    medium: 'content/images/landing-pages/ct/combat-tracker-hero-background-tablet.jpg',
                    tiny: 'content/images/landing-pages/ct/combat-tracker-hero-background-mobile.jpg',
                }, fromText: "New DM Tool Available Now On D&D Beyond", bookTitle: "Combat Tracker Alpha", titleFollow: "Combat is messy, but running combat doesn\u2019t have to be. Organize all your monsters, NPCs, player characters, combat rounds, and much more in real-time with the Combat Tracker.", buttonText: getButtonText(), href: getHref(), buttonFollow: "The Combat Tracker is currently in Alpha testing. If you have a Master Tier or Hero Tier subscription, you have Alpha access to this new tool." }),
            React.createElement(SideFeature, { backgroundImage: {
                    large: 'content/images/landing-pages/ct/combat-tracker-feature-background-1.jpg',
                }, featureImage: {
                    source: 'content/images/landing-pages/ct/combat-tracker-screenshot-1.jpg',
                    alt: 'Combat Tracker Screenshot 1',
                }, featureHeaderText: "Start Combat at the Touch of a Button", featureBodyText: "Instantly run the Combat Tracker on any encounter you\u2019ve created within the Encounter Builder. Simply click the \u201CRun\u201D button from any encounter to launch combat, instantly importing your monsters and players\u2019 character." }),
            React.createElement(CenterFeature, { backgroundImage: {
                    large: 'content/images/landing-pages/ct/combat-tracker-preorder-bonuses-background.jpg',
                }, featureImage: {
                    source: 'content/images/landing-pages/ct/combat-tracker-preorder-bonuses-main.jpg',
                    alt: 'Combat Tracker Screenshot 2',
                }, featureHeaderText: "Track Initiative Easily", featureBodyText: "Create player and monster initiative rolls with auto-roll or manually enter rolls to start the battle." }),
            React.createElement(SideFeature, { reverse: true, backgroundImage: {
                    large: 'content/images/landing-pages/ct/combat-tracker-feature-background-2.jpg',
                }, featureImage: {
                    source: 'content/images/landing-pages/ct/combat-tracker-screenshot-2.jpg',
                    alt: 'Combat Tracker Screenshot 3',
                }, featureHeaderText: "Keep Combat Organized", featureBodyText: "Track the HP of each monster, move rounds and turns in combat and even add in minions and new creatures on the fly! Everything you need to keep battle flowing is at your fingertips." }),
            React.createElement(Callout, { mainText: "Fight With Advantage", buttonText: getButtonText(), href: getHref() })));
    };
    return CombatTrackerLandingPage;
}(React.PureComponent));
export default CombatTrackerLandingPage;
//# sourceMappingURL=CombatTrackerLandingPage.js.map