"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var EthAddressViewer_1 = require("../EthAddressViewer");
var Modal_1 = require("../Modal");
var icons_1 = require("../icons");
var styleConstants_1 = require("../styleConstants");
var ListingDetailHeaderStyledComponents_1 = require("./ListingDetailHeaderStyledComponents");
var EthereumInfoModal = function (props) {
    return (React.createElement(Modal_1.Modal, { width: 630 },
        React.createElement(ListingDetailHeaderStyledComponents_1.StyledModalHeader, null,
            React.createElement("div", null, "Ethereum Info"),
            React.createElement(ListingDetailHeaderStyledComponents_1.StyledCloseModal, { onClick: props.handleCloseClick },
                React.createElement(icons_1.CloseXIcon, { color: styleConstants_1.colors.accent.CIVIL_GRAY_3 }))),
        React.createElement(ListingDetailHeaderStyledComponents_1.StyledEthereumInfoModalInner, null,
            React.createElement(EthAddressViewer_1.EthAddressViewer, { address: props.owner, displayName: "Public Wallet Address", etherscanBaseURL: props.etherscanBaseURL }),
            React.createElement(ListingDetailHeaderStyledComponents_1.StyledEthereumAddressDescription, null,
                React.createElement("p", null, "This public wallet address is the Newsroom's identity on the blockchain."),
                React.createElement("p", null, "You can send CVL and ETH to this wallet address."))),
        React.createElement(ListingDetailHeaderStyledComponents_1.StyledEthereumInfoModalInner, null,
            React.createElement(EthAddressViewer_1.EthAddressViewer, { address: props.listingAddress, displayName: "Smart Contract Address", etherscanBaseURL: props.etherscanBaseURL }),
            React.createElement(ListingDetailHeaderStyledComponents_1.StyledEthereumAddressDescription, null,
                React.createElement("p", null, "Smart contract address allow you to see the Newsroom's activities on the blockchain."),
                React.createElement("p", null,
                    React.createElement("b", null, "Do not send CVL or ETH to this contract address."),
                    " You will lose your cryptocurrency, and the Civil Media Company can not help you to retrieve it.",
                    " ",
                    React.createElement("a", { href: props.ethInfoModalLearnMoreURL, target: "_blank" }, "Learn more"),
                    ".")))));
};
exports.default = EthereumInfoModal;
//# sourceMappingURL=EthereumInfoModal.js.map