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 FormSelect_exports = {};
__export(FormSelect_exports, {
  FormSelect: () => FormSelect
});
module.exports = __toCommonJS(FormSelect_exports);
var import_react_hook_form = require("react-hook-form"), import_Select = require("../Select"), import_context = require("./context"), import_jsx_runtime = require("react/jsx-runtime");
function FormSelect({
  id,
  label,
  supportingText,
  options,
  error: defaultError,
  ...props
}) {
  const {
    formState: { errors },
    control,
    disabled
  } = (0, import_context.useFormContext)(), error = !!errors[id] || defaultError, helperText = errors?.[id]?.message || supportingText;
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
    import_react_hook_form.Controller,
    {
      control,
      name: id,
      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
        import_Select.Select,
        {
          ...props,
          disabled: disabled || props?.disabled,
          options,
          label,
          value: field.value,
          onValueChange: (value) => field.onChange(value),
          id,
          error,
          supportingText: helperText
        }
      )
    }
  );
}
//# sourceMappingURL=FormSelect.js.map
