@sky-mavis/tanto-widget
Version:
Tanto Widget
38 lines (34 loc) • 2.35 kB
JavaScript
'use strict';
var _styled = require('@emotion/styled/base');
var jsxRuntime = require('@emotion/react/jsx-runtime');
var index = require('../../../constants/index.cjs');
var WalletItem = require('./WalletItem.cjs');
const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
target: "eay0i760"
} : {
target: "eay0i760",
label: "Container"
})({
display: 'flex',
flexDirection: 'column',
alignItems: 'stretch',
overflow: 'hidden',
borderRadius: 16,
gap: 1,
overflowY: 'auto',
maxHeight: index.MAX_WALLET_ITEMS_PER_GROUP * index.WALLET_ITEM_HEIGHT + (index.MAX_WALLET_ITEMS_PER_GROUP - 1)
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldhbGxldEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJa0IiLCJmaWxlIjoiV2FsbGV0R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IE1BWF9XQUxMRVRfSVRFTVNfUEVSX0dST1VQLCBXQUxMRVRfSVRFTV9IRUlHSFQgfSBmcm9tICcuLi8uLi8uLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgV2FsbGV0SXRlbSB9IGZyb20gJy4vV2FsbGV0SXRlbSc7XG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBib3JkZXJSYWRpdXM6IDE2LFxuICAgIGdhcDogMSxcbiAgICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgICBtYXhIZWlnaHQ6IE1BWF9XQUxMRVRfSVRFTVNfUEVSX0dST1VQICogV0FMTEVUX0lURU1fSEVJR0hUICsgKE1BWF9XQUxMRVRfSVRFTVNfUEVSX0dST1VQIC0gMSksXG59KTtcbmV4cG9ydCBjb25zdCBXYWxsZXRHcm91cCA9ICh7IHdhbGxldHMsIGNsYXNzTmFtZSB9KSA9PiB7XG4gICAgaWYgKHdhbGxldHMubGVuZ3RoID09PSAwKVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICByZXR1cm4gKF9qc3goQ29udGFpbmVyLCB7IFwiZGF0YS1zY3JvbGxhYmxlXCI6IHRydWUsIGNsYXNzTmFtZTogY2xhc3NOYW1lLCBjaGlsZHJlbjogd2FsbGV0cy5tYXAod2FsbGV0ID0+IChfanN4KFdhbGxldEl0ZW0sIHsgd2FsbGV0OiB3YWxsZXQgfSwgd2FsbGV0LmlkKSkpIH0pKTtcbn07XG4iXX0= */");
const WalletGroup = ({
wallets,
className
}) => {
if (wallets.length === 0) return null;
return jsxRuntime.jsx(Container, {
"data-scrollable": true,
className: className,
children: wallets.map(wallet => jsxRuntime.jsx(WalletItem.WalletItem, {
wallet: wallet
}, wallet.id))
});
};
exports.WalletGroup = WalletGroup;