'use client';import { a as a$1 } from './chunk-2V3S7IN2.js';
import { a as a$2 } from './chunk-R4RZ52XM.js';
import { a as a$3 } from './chunk-BZFPT54B.js';
import { a } from './chunk-TWGPE4V7.js';
import { cx } from '@onbeam/styled-system/css';
import { TooltipGreyIcon } from '@onbeam/icons';
import { transactionDetails } from '@onbeam/styled-system/recipes';
import { jsx, jsxs } from 'react/jsx-runtime';

var T=a(({as:s="ul",...i},t)=>jsx(a$1,{as:s,ref:t,...i}));T.displayName="TransactionDetailsBox";var D=a(({as:s="li",label:i,tooltipLabel:t,details:o,className:f,...d},b)=>{let l=!!o?.onClick,x=l?"button":"div",n=transactionDetails();return jsxs(s,{ref:b,className:cx(n.row,f),"data-testid":"transaction-row",...d,children:[jsxs("div",{className:n.label,"data-testid":"transaction-label",children:[i,t&&jsx(a$2,{label:t,children:jsx(a$3,{size:16,children:jsx(TooltipGreyIcon,{})})})]}),o&&jsxs(x,{className:n.detail,onClick:o.onClick,"data-action":l,"data-testid":"transaction-detail",children:[o.label,o.icon,o.sublabel&&jsx("span",{className:n.detailSublabel,children:o.sublabel})]})]})});D.displayName="TransactionDetailsRow";

export { T as a, D as b };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-HV4KOXGN.js.map