import React from 'react';
import PropTypes from 'prop-types';
import './SubscriptionsBanner.scss';
import Button from '../Button/Button';
/**
 * The images are not loading in production from here.
 * The images are served by waterdeep.
*/
var imagePath = '/content/images/subscriptions/';
var SubscriptionsBanner = function (_a) {
    var iconType = _a.iconType, text = _a.text, children = _a.children, buttonLabel = _a.buttonLabel, onClick = _a.onClick;
    return React.createElement("div", { class: "variant-cta-container" },
        React.createElement("div", { class: "variant-cta-icon-copy-wrapper" },
            iconType && React.createElement("div", { class: "variant-cta-container-icon" },
                React.createElement("img", { src: "" + imagePath + iconType + "-tier-icon.png", alt: iconType, class: "variant-cta-icon-mask" })),
            React.createElement("div", { class: "variant-cta-container-copy" }, text || children)),
        onClick && React.createElement(Button, { class: "variant-cta-container-upsell-btn", onClick: onClick, role: "button" }, buttonLabel));
};
SubscriptionsBanner.propTypes = {
    /** Text to be shown in the main section */
    text: PropTypes.string,
    /** Could send react element instead of a string */
    children: PropTypes.node,
    /** Icon to display hero or master. Could be null and not icon will be present.  */
    iconType: PropTypes.oneOf([
        'hero',
        'master',
        null,
    ]),
    /** Event fired by the button. */
    onClick: PropTypes.func,
    /** By default is `upgrade now` only works if onClick also sent. */
    buttonLabel: PropTypes.string,
};
SubscriptionsBanner.defaultProps = {
    text: null,
    children: null,
    mainIcon: null,
    onClick: null,
    buttonLabel: 'upgrade now',
};
export default SubscriptionsBanner;
//# sourceMappingURL=SubscriptionsBanner.js.map