'use strict';

var css = require('@onbeam/styled-system/css');
var react = require('react');
var recipes = require('@onbeam/styled-system/recipes');
var utils = require('@onbeam/utils');
var jsxRuntime = require('react/jsx-runtime');

var d=react.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=recipes.dappInputField();return jsxRuntime.jsxs("div",{className:css.cx(recipes.gridBackground(),recipes.noiseBackground(),p.root,r),children:[jsxRuntime.jsxs("div",{className:p.row,children:[jsxRuntime.jsx("input",{ref:u,className:p.input,placeholder:s,type:"number",step:"any",min:"0",...f}),m]}),jsxRuntime.jsxs("div",{className:css.cx(p.row,p.balances),children:[typeof o<"u"&&jsxRuntime.jsx("span",{children:utils.formatUsd(o,{prefix:"~"})}),jsxRuntime.jsxs("div",{className:p.nativeBalance,children:[jsxRuntime.jsx("span",{children:I?`${t} ${a}`:"-"}),l]})]})]})});d.displayName="DappInputField";

exports.a = d;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-WZHRTO33.cjs.map