@sky-mavis/tanto-widget
Version:
Tanto Widget
28 lines • 2.29 kB
JavaScript
import _styled from'@emotion/styled/base';import {jsx}from'@emotion/react/jsx-runtime';import {MAX_WALLET_ITEMS_PER_GROUP,WALLET_ITEM_HEIGHT}from'../../../constants/index.mjs';import {WalletItem}from'./WalletItem.mjs';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: MAX_WALLET_ITEMS_PER_GROUP * WALLET_ITEM_HEIGHT + (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 jsx(Container, {
"data-scrollable": true,
className: className,
children: wallets.map(wallet => jsx(WalletItem, {
wallet: wallet
}, wallet.id))
});
};export{WalletGroup};