var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
    for (var name in all) __defProp(target, name, {
      get: all[name],
      enumerable: !0
    });
  },
  __copyProps = (to, from, except, desc) => {
    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
      get: () => from[key],
      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
    });
    return to;
  };
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
  value: !0
}), mod);
var FormInput_exports = {};
__export(FormInput_exports, {
  FormInput: () => FormInput
});
module.exports = __toCommonJS(FormInput_exports);
var import_react_hook_form = require("react-hook-form"),
  import_TextField = require("./TextField.cjs"),
  import_context = require("./context.cjs"),
  import_jsx_runtime = require("react/jsx-runtime");
function FormInput({
  id,
  helperText,
  error: defaultError,
  required,
  ...props
}) {
  const {
      control,
      formState: {
        errors
      },
      disabled
    } = (0, import_context.useFormContext)(),
    error = !!errors[id] || defaultError,
    supportingText = errors?.[id]?.message || helperText,
    label = required ? `${props.label} *` : props.label;
  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
    control,
    name: id,
    render: ({
      field
    }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TextField.TextField, {
      ...props,
      fg: 1,
      label,
      disabled: disabled || props?.disabled,
      error,
      onBlur: field?.onBlur,
      onChangeText: field?.onChange,
      value: field?.value?.toString(),
      placeholder: field?.value?.toString(),
      id,
      supportingText
    })
  });
}