"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "DesktopTokenSelect", {
    enumerable: true,
    get: function() {
        return DesktopTokenSelect;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _reactdropdownmenu = require("@radix-ui/react-dropdown-menu");
const _tokenCelldesktop = require("./tokenCell.desktop");
const DesktopTokenSelect = (props)=>{
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactdropdownmenu.DropdownMenu, {
        open: props.open,
        onOpenChange: props.onOpenChange,
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdropdownmenu.DropdownMenuTrigger, {
                disabled: props.disabled,
                asChild: true,
                children: props.trigger
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdropdownmenu.DropdownMenuContent, {
                align: "start",
                className: "orderly-token-select-dropdown-menu orderly-rounded-sm orderly-bg-base-700 orderly-min-w-[120px] orderly-max-h-[280px] orderly-overflow-y-auto orderly-overflow-hidden orderly-mt-2 orderly-py-2 orderly-shadow-[0_4px_4px_0px_rgba(0,0,0,0.25)] orderly-z-[100]",
                children: props.tokens?.map((token)=>{
                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdropdownmenu.DropdownMenuItem, {
                        onClick: ()=>{
                            props.onTokenChange?.(token);
                            props.onOpenChange(false);
                        },
                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_tokenCelldesktop.DesktopTokenCell, {
                            token: token,
                            fetchBalance: props.fetchBalance
                        })
                    }, token.symbol);
                })
            })
        ]
    });
};

//# sourceMappingURL=tokenSelect.desktop.js.map