'use client';import { a as a$1 } from './chunk-2V3S7IN2.js';
import { a as a$2 } from './chunk-5RWCBY3V.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:t="ul",...i},n)=>jsx(a$1,{as:t,ref:n,...i}));T.displayName="TransactionDetailsBox";var D=a(({as:t="li",label:i,tooltipLabel:n,details:o,className:f,...x},b)=>{let l=!!o?.onClick,u=l?"button":"div",s=transactionDetails();return jsxs(t,{ref:b,className:cx(s.row,f),...x,children:[jsxs("div",{className:s.label,children:[i,n&&jsx(a$2,{label:n,children:jsx(a$3,{size:16,children:jsx(TooltipGreyIcon,{})})})]}),o&&jsxs(u,{className:s.detail,onClick:o.onClick,"data-action":l,children:[o.label,o.icon,o.sublabel&&jsx("span",{className:s.detailSublabel,children:o.sublabel})]})]})});D.displayName="TransactionDetailsRow";

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