var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import React from 'react';
import PropTypes from 'prop-types';
import './DarkTidesOfBilgewaterLandingPage.scss';
import { Callout, CenterFeature, Hero, KeyHighlights, SideFeature, } from '../index';
import styled from 'styled-components';
import LinkButton from '../../LinkButton';
var DISABLED = 'DISABLED';
var Icon = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n    background-image: url(", ");\n"], ["\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n    background-image: url(", ");\n"])), function (props) { return props.source; });
var StoreLink = styled.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: inline-block;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    background-image: url(", ");\n"], ["\n    display: inline-block;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    background-image: url(", ");\n"])), function (props) { return props.backgroundImage; });
var DdbCta = function (_a) {
    var ddbSourceLink = _a.ddbSourceLink;
    return React.createElement(LinkButton, { href: ddbSourceLink, isDark: true }, "Explore Now");
};
var GoogleCta = function (_a) {
    var googlePlayStoreLink = _a.googlePlayStoreLink;
    return googlePlayStoreLink && googlePlayStoreLink !== DISABLED &&
        React.createElement(StoreLink, { className: "dtob-app-store-link dtob-app-store-link--google", href: googlePlayStoreLink, backgroundImage: "content/images/landing-pages/dtob/google-play-badge.png" },
            React.createElement("span", { className: "dtob-app-store-link__text" }, "Download now on Google Play!"));
};
var Ctas = function (_a) {
    var ddbSourceLink = _a.ddbSourceLink, googlePlayStoreLink = _a.googlePlayStoreLink;
    return React.createElement(React.Fragment, null,
        React.createElement("div", { className: "dtob-cta-wrapper" },
            React.createElement("p", { className: "dtob-cta-text" }, "Experience Dark Tides of Bilgewater on D&D Beyond"),
            React.createElement(LinkButton, { className: "dtob-cta-button", href: ddbSourceLink, isDark: true }, "Explore Now")),
        googlePlayStoreLink && googlePlayStoreLink !== DISABLED &&
            React.createElement("div", { className: "dtob-cta-wrapper" },
                React.createElement("p", { className: "dtob-cta-text" }, "Download Legends of Runeterra on Google Play"),
                React.createElement(LinkButton, { className: "dtob-cta-button", href: googlePlayStoreLink, isDark: true }, "Download Now")));
};
Ctas.propTypes = {
    ddbSourceLink: PropTypes.string,
    googlePlayStoreLink: PropTypes.string,
};
var DarkTidesOfBilgewaterLandingPage = function (_a) {
    var backgroundOverlayColor = _a.backgroundOverlayColor, className = _a.className, ddbSourceLink = _a.ddbSourceLink, googlePlayStoreLink = _a.googlePlayStoreLink;
    return React.createElement("div", { className: [
            className,
            'dtob-landing-page',
        ]
            .filter(Boolean)
            .join(' ') },
        React.createElement(Hero, { backgroundImage: {
                large: 'content/images/landing-pages/dtob/hero-bg-large.jpg',
                medium: 'content/images/landing-pages/dtob/hero-bg-medium.jpg',
                small: 'content/images/landing-pages/dtob/hero-bg-small.jpg',
                tiny: 'content/images/landing-pages/dtob/hero-bg-tiny.jpg',
                overlayColor: backgroundOverlayColor,
            }, bookTitle: React.createElement("img", { src: "content/images/landing-pages/dtob/logo.png", alt: "Legends of Runeterra: Dark Tides of Bilgewater" }), ctaOverride: React.createElement(Ctas, { ddbSourceLink: ddbSourceLink, googlePlayStoreLink: googlePlayStoreLink }), titleFollow: "Start your adventure in a scoundrel's paradise. In Bilgewater, everything is for sale, and fortune favors the bold." }),
        React.createElement(SideFeature, { backgroundImage: {
                large: 'content/images/landing-pages/dtob/side-feature-bg-large.jpg',
                medium: 'content/images/landing-pages/dtob/side-feature-bg-medium.jpg',
                small: 'content/images/landing-pages/dtob/side-feature-bg-small.jpg',
                tiny: 'content/images/landing-pages/dtob/side-feature-bg-tiny.jpg',
                overlayColor: backgroundOverlayColor,
            }, featureImage: {
                source: 'content/images/landing-pages/dtob/side-feature-image.jpg',
                alt: 'Cover art for Legends of Runeterra: Dark Tides of Bilgewater',
            }, featureHeaderText: "Welcome to Bilgewater!", featureBodyText: "Encounter the world of Runeterra as you never have before in an interactive exploration of Bilgewater, inspired by Legends of Runeterra, made for 5th edition, and integrated fully into D&D Beyond." }),
        React.createElement(CenterFeature, { backgroundImage: {
                large: 'content/images/landing-pages/dtob/center-feature-bg-large.jpg',
                medium: 'content/images/landing-pages/dtob/center-feature-bg-medium.jpg',
                small: 'content/images/landing-pages/dtob/center-feature-bg-small.jpg',
                tiny: 'content/images/landing-pages/dtob/center-feature-bg-tiny.jpg',
                overlayColor: backgroundOverlayColor,
            }, featureImage: {
                source: 'content/images/landing-pages/dtob/center-feature-image.jpg',
                alt: 'Hired Gun',
            }, headerText: "A Free Player Resource", featureBodyText: "Three new subclasses perfect for adventures on ships, under the sea, and on the scummy streets of the Bilge. A new adventure full of brand-new monsters, magic items, and NPCs drawn from the lore of Legends of Runeterra." }),
        React.createElement(KeyHighlights, { backgroundImage: {
                large: 'content/images/landing-pages/dtob/key-highlights-bg-large.jpg',
                medium: 'content/images/landing-pages/dtob/key-highlights-bg-medium.jpg',
                small: 'content/images/landing-pages/dtob/key-highlights-bg-small.jpg',
                tiny: 'content/images/landing-pages/dtob/key-highlights-bg-tiny.jpg',
                overlayColor: backgroundOverlayColor,
            }, highlights: [
                {
                    icon: React.createElement(Icon, { className: "dtob-icon", source: "content/images/landing-pages/dtob/icon-highlight-1.png" }),
                    header: '3 Subclasses',
                    text: 'Play as the eldritch Path of the Depths barbarian, the gun-toting Renegade fighter, and the luck-twisting Wild Card rogue.',
                },
                {
                    icon: React.createElement(Icon, { className: "dtob-icon", source: "content/images/landing-pages/dtob/icon-highlight-2.png" }),
                    header: 'Items and Monsters',
                    text: "Challenge players with monsters like Miss Fortune's explosive Powder Monkey and the fearsome Commander Ledros, and reward them with items like the Adaptive Helm and Dead Man's Plate.",
                },
                {
                    icon: React.createElement(Icon, { className: "dtob-icon", source: "content/images/landing-pages/dtob/icon-highlight-3.png" }),
                    header: 'A Harrowing Adventure',
                    text: 'Defend Bilgewater from the Harrowing as a mighty specter of the Shadow Isles attempts to shroud all of Bilgewater Bay in the deadly Black Mist.',
                },
            ] }),
        React.createElement(Callout, { backgroundImage: {
                large: 'content/images/landing-pages/dtob/callout-bg-large.jpg',
                medium: 'content/images/landing-pages/dtob/callout-bg-medium.jpg',
                small: 'content/images/landing-pages/dtob/callout-bg-small.jpg',
                tiny: 'content/images/landing-pages/dtob/callout-bg-tiny.jpg',
                overlayColor: backgroundOverlayColor,
            }, mainText: "Available Now", ctaOverride: React.createElement(Ctas, { ddbSourceLink: ddbSourceLink, googlePlayStoreLink: googlePlayStoreLink }) }));
};
DarkTidesOfBilgewaterLandingPage.propTypes = {
    backgroundOverlayColor: PropTypes.string,
    className: PropTypes.string,
    ddbSourceLink: PropTypes.string,
    googlePlayStoreLink: PropTypes.string,
};
DarkTidesOfBilgewaterLandingPage.defaultProps = {
    backgroundOverlayColor: 'rgba(0, 0, 0, 0.5)',
    className: '',
    ddbSourceLink: 'https://www.dndbeyond.com/sources/LRDToB',
    googlePlayStoreLink: 'https://gplay.page.link/ycgv',
};
export default DarkTidesOfBilgewaterLandingPage;
var templateObject_1, templateObject_2;
//# sourceMappingURL=DarkTidesOfBilgewaterLandingPage.js.map