"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var getEtherscanUrl_1 = require("../../core/utils/getEtherscanUrl");
var classFor_1 = require("../utils/classFor");
require("../styles/base/waitingForTransaction.sass");
var link_svg_1 = __importDefault(require("../assets/icons/link.svg"));
exports.ExplorerLink = function (_a) {
    var chainName = _a.chainName, transactionHash = _a.transactionHash;
    return (react_1.default.createElement("p", { className: classFor_1.classForComponent('waitingfortransaction-txn-hash-text') }, transactionHash
        ? (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement("a", { className: classFor_1.classForComponent('waitingfortransaction-txn-hash-link'), href: getEtherscanUrl_1.getEtherscanUrl(chainName, transactionHash), target: "_blank", rel: "noopener noreferrer" }, "See pending transaction"),
            react_1.default.createElement("img", { src: link_svg_1.default, className: classFor_1.classForComponent('waitingfortransaction-txn-img') })))
        : 'The transaction hash will show in a moment'));
};
//# sourceMappingURL=ExplorerLink.js.map