import { cx } from '@onbeam/styled-system/css';
import { forwardRef } from 'react';
import { dappInputField, gridBackground, noiseBackground } from '@onbeam/styled-system/recipes';
import { formatUsd } from '@onbeam/utils';
import { jsxs, jsx } from 'react/jsx-runtime';

var d=forwardRef(({className:r,placeholder:s="0.00",currency:a,topRightAddon:m,bottomRightAddon:l,nativeBalance:t,usdBalance:o,...f},u)=>{let I=typeof t<"u"&&typeof a<"u",p=dappInputField();return jsxs("div",{className:cx(gridBackground(),noiseBackground(),p.root,r),children:[jsxs("div",{className:p.row,children:[jsx("input",{ref:u,className:p.input,placeholder:s,type:"number",step:"any",min:"0",...f}),m]}),jsxs("div",{className:cx(p.row,p.balances),children:[typeof o<"u"&&jsx("span",{children:formatUsd(o,{prefix:"~"})}),jsxs("div",{className:p.nativeBalance,children:[jsx("span",{children:I?`${t} ${a}`:"-"}),l]})]})]})});d.displayName="DappInputField";

export { d as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-EDDPQNQS.js.map