import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Input } from "./Input.native.js";
function TextField(param) {
  var {
    label,
    supportingText,
    value,
    trailingIcon,
    ...props
  } = param;
  return /* @__PURE__ */_jsxs(Input, {
    ...props,
    children: [/* @__PURE__ */_jsxs(Input.Container, {
      children: [/* @__PURE__ */_jsx(Input.Label, {
        children: label
      }), /* @__PURE__ */_jsx(Input.Text, {
        value
      }), trailingIcon && /* @__PURE__ */_jsx(Input.TrailingIcon, {
        Icon: trailingIcon
      }), /* @__PURE__ */_jsx(Input.Spinner, {})]
    }), supportingText && /* @__PURE__ */_jsx(Input.SupportingText, {
      children: supportingText
    })]
  });
}
export { TextField };
//# sourceMappingURL=TextField.native.js.map
