'use client';


import { createContext, useId, useMemo } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/Form/FormItem.tsx
const FormItem = ({ id: idProp,...props }) => {
	const generatedId = useId();
	const stableId = idProp ?? generatedId;
	return /* @__PURE__ */ jsx(FormItemContext, {
		value: useMemo(() => ({ id: stableId }), [stableId]),
		children: /* @__PURE__ */ jsx("div", {
			className: "flex flex-col gap-2 p-2",
			id: stableId,
			...props
		})
	});
};
const FormItemContext = createContext({});

//#endregion
export { FormItem, FormItemContext };
//# sourceMappingURL=FormItem.mjs.map