import React from 'react';
import { getEtherscanUrl } from '../../core/utils/getEtherscanUrl';
import { classForComponent } from '../utils/classFor';
import '../styles/base/waitingForTransaction.sass';
import linkIcon from '../assets/icons/link.svg';
export var ExplorerLink = function (_a) {
    var chainName = _a.chainName, transactionHash = _a.transactionHash;
    return (React.createElement("p", { className: classForComponent('waitingfortransaction-txn-hash-text') }, transactionHash
        ? (React.createElement(React.Fragment, null,
            React.createElement("a", { className: classForComponent('waitingfortransaction-txn-hash-link'), href: getEtherscanUrl(chainName, transactionHash), target: "_blank", rel: "noopener noreferrer" }, "See pending transaction"),
            React.createElement("img", { src: linkIcon, className: classForComponent('waitingfortransaction-txn-img') })))
        : 'The transaction hash will show in a moment'));
};
//# sourceMappingURL=ExplorerLink.js.map