"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "TokenListView", {
    enumerable: true,
    get: function() {
        return TokenListView;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _divider = require("../../../divider");
const _listView = require("../../../listView");
const _tokenCell = require("./tokenCell");
const TokenListView = (props)=>{
    const renderItem = (item)=>{
        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_tokenCell.TokenCell, {
            token: item,
            onItemClick: props.onItemClick,
            fetchBalance: props.fetchBalance
        });
    };
    const renderSeparator = ()=>{
        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_divider.Divider, {});
    };
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                className: "orderly-token-select-list-header orderly-flex orderly-border-b orderly-border-base-contrast/20 orderly-py-2 orderly-mb-3",
                children: [
                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                        className: "orderly-flex-1 orderly-text-4xs orderly-text-base-contrast/50",
                        children: "Coin"
                    }),
                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                        className: "orderly-flex-1 orderly-text-4xs orderly-text-base-contrast/50",
                        children: "Wallet Balance"
                    })
                ]
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_listView.ListView.separated, {
                dataSource: props.tokens,
                renderItem: renderItem,
                renderSeparator: renderSeparator
            })
        ]
    });
};

//# sourceMappingURL=tokenListView.js.map