@sky-mavis/tanto-widget
Version:
Tanto Widget
28 lines • 2.3 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.mjs';import {WalletItem}from'./wallet-item/WalletItem.mjs';const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
target: "e1x1qbjc0"
} : {
target: "e1x1qbjc0",
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldhbGxldEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJa0IiLCJmaWxlIjoiV2FsbGV0R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IE1BWF9XQUxMRVRfSVRFTVNfUEVSX0dST1VQLCBXQUxMRVRfSVRFTV9IRUlHSFQgfSBmcm9tICcuLi8uLi8uLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgV2FsbGV0SXRlbSB9IGZyb20gJy4vd2FsbGV0LWl0ZW0vV2FsbGV0SXRlbSc7XG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgYWxpZ25JdGVtczogJ3N0cmV0Y2gnLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBib3JkZXJSYWRpdXM6IDE2LFxuICAgIGdhcDogMSxcbiAgICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgICBtYXhIZWlnaHQ6IE1BWF9XQUxMRVRfSVRFTVNfUEVSX0dST1VQICogV0FMTEVUX0lURU1fSEVJR0hUICsgKE1BWF9XQUxMRVRfSVRFTVNfUEVSX0dST1VQIC0gMSksXG59KTtcbmV4cG9ydCBmdW5jdGlvbiBXYWxsZXRHcm91cCh7IHdhbGxldHMsIGNsYXNzTmFtZSB9KSB7XG4gICAgaWYgKHdhbGxldHMubGVuZ3RoID09PSAwKVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICByZXR1cm4gKF9qc3goQ29udGFpbmVyLCB7IFwiZGF0YS1zY3JvbGxhYmxlXCI6IHRydWUsIGNsYXNzTmFtZTogY2xhc3NOYW1lLCBjaGlsZHJlbjogd2FsbGV0cy5tYXAod2FsbGV0ID0+IChfanN4KFdhbGxldEl0ZW0sIHsgd2FsbGV0OiB3YWxsZXQgfSwgd2FsbGV0LmlkKSkpIH0pKTtcbn1cbiJdfQ== */");
function 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};