'use client';'use strict';

var chunkCLMLQV6A_cjs = require('./chunk-CLMLQV6A.cjs');
var chunkQDQKSSCJ_cjs = require('./chunk-QDQKSSCJ.cjs');
var chunkUZHQMTYC_cjs = require('./chunk-UZHQMTYC.cjs');
var chunk5XB54L7P_cjs = require('./chunk-5XB54L7P.cjs');
var css = require('@onbeam/styled-system/css');
var icons = require('@onbeam/icons');
var recipes = require('@onbeam/styled-system/recipes');
var jsxRuntime = require('react/jsx-runtime');

var T=chunk5XB54L7P_cjs.a(({as:t="ul",...i},n)=>jsxRuntime.jsx(chunkCLMLQV6A_cjs.a,{as:t,ref:n,...i}));T.displayName="TransactionDetailsBox";var D=chunk5XB54L7P_cjs.a(({as:t="li",label:i,tooltipLabel:n,details:o,className:f,...x},b)=>{let l=!!o?.onClick,u=l?"button":"div",s=recipes.transactionDetails();return jsxRuntime.jsxs(t,{ref:b,className:css.cx(s.row,f),...x,children:[jsxRuntime.jsxs("div",{className:s.label,children:[i,n&&jsxRuntime.jsx(chunkQDQKSSCJ_cjs.a,{label:n,children:jsxRuntime.jsx(chunkUZHQMTYC_cjs.a,{size:16,children:jsxRuntime.jsx(icons.TooltipGreyIcon,{})})})]}),o&&jsxRuntime.jsxs(u,{className:s.detail,onClick:o.onClick,"data-action":l,children:[o.label,o.icon,o.sublabel&&jsxRuntime.jsx("span",{className:s.detailSublabel,children:o.sublabel})]})]})});D.displayName="TransactionDetailsRow";

exports.a = T;
exports.b = D;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-44TT4H5U.cjs.map