@ariakit/react-core/esm/form/form-field.js

Ariakit React core

"use client";
import {
  useFormControl
} from "../__chunks/HMMAPSBX.js";
import "../__chunks/GSXI3IAI.js";
import "../__chunks/Y62RTBST.js";
import "../__chunks/5CPL3B7G.js";
import {
  createElement,
  createHook,
  forwardRef,
  memo
} from "../__chunks/VOQWLFSQ.js";
import "../__chunks/5GGHRIN3.js";
import "../__chunks/SK3NAZA3.js";
import "../__chunks/3YLGPPWQ.js";

// src/form/form-field.tsx
var TagName = "input";
var useFormField = createHook(
  function useFormField2(props) {
    return useFormControl(props);
  }
);
var FormField = memo(
  forwardRef(function FormField2(props) {
    const htmlProps = useFormField(props);
    return createElement(TagName, htmlProps);
  })
);
export {
  FormField,
  useFormField
};