"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "CrossChainConfirm", {
    enumerable: true,
    get: function() {
        return CrossChainConfirm;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _icon = require("../../../icon");
const _numeral = require("../../../text/numeral");
const CrossChainConfirm = (props)=>{
    const { address, chain, amount } = props;
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
        id: "orderly-cross-chain-confirm",
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
                title: "Recipient address"
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(SubTitle, {
                subtitle: address
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
                title: "Recipient network"
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(SubTitle, {
                subtitle: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                    className: "orderly-flex orderly-items-center",
                    children: [
                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_icon.NetworkImage, {
                            type: "chain",
                            id: chain?.info?.network_infos?.chain_id,
                            rounded: true,
                            size: 11
                        }),
                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                            className: "orderly-ml-2 orderly-text-base orderly-font-simibold orderly-text-base-contrast/90",
                            children: chain?.info?.network_infos?.name
                        })
                    ]
                })
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(Title, {
                title: "Withdraw amount (USDC)"
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(SubTitle, {
                subtitle: /*#__PURE__*/ (0, _jsxruntime.jsx)(_numeral.Numeral, {
                    children: amount
                })
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                    className: "orderly-text-warning orderly-text-3xs",
                    children: "Withdrawals that require cross-chain rebalancing can't be cancelled or followed up with more withdrawals until they've been processed."
                })
            })
        ]
    });
};
const Title = ({ title })=>{
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "orderly-font-simibold orderly-text-sm orderly-text-base-contrast/30 orderly-withdraw-rebalance-title",
        children: title
    });
};
const SubTitle = ({ subtitle })=>{
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: "orderly-mb-3 orderly-font-simibold orderly-text-base orderly-text-base-contrast/90 orderly-break-all orderly-withdraw-rebalance-subtitle",
        children: subtitle
    });
};

//# sourceMappingURL=crossChainConfirm.js.map