19 lines
492 B
TypeScript
19 lines
492 B
TypeScript
import { cn } from '@utils/ui';
|
|
import * as React from 'react';
|
|
import { FormItemContext } from './FormItemContext';
|
|
|
|
export const FormItem = React.forwardRef<
|
|
HTMLDivElement,
|
|
React.HTMLAttributes<HTMLDivElement>
|
|
>(({ className, ...props }, ref) => {
|
|
const id = React.useId();
|
|
|
|
return (
|
|
<FormItemContext.Provider value={{ id }}>
|
|
<div ref={ref} className={cn('space-y-2', className)} {...props} />
|
|
</FormItemContext.Provider>
|
|
);
|
|
});
|
|
|
|
FormItem.displayName = 'FormItem';
|