import { a } from './chunk-TWGPE4V7.js';
import { cx } from '@onbeam/styled-system/css';
import { input, gridBackground } from '@onbeam/styled-system/recipes';
import { jsxs, jsx } from 'react/jsx-runtime';

var m=a(({as:d="input",size:u="md",label:l,hasError:c=!1,errorMessage:o,leftAddon:s,rightAddon:n,className:I,...f},v)=>{let p=!!o||c,r=input({size:u});return jsxs("label",{className:cx(r.root,I),children:[l,jsx("div",{className:cx(gridBackground(),r.inputWrapper),"data-error":p,children:jsxs("div",{className:r.inputContainer,"data-error":p,children:[s&&jsx("div",{className:cx(r.addon,r.leftAddon),children:s}),jsx(d,{ref:v,className:r.input,rows:1,"data-error":p,...f}),n&&jsx("div",{className:r.addon,children:n})]})}),o]})});m.displayName="Input";

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