form-section.tsx•607 B
import { cn } from "@repo/ui/lib/utils"
import type { ReactNode } from "react"
interface FormSectionProps {
title: string
description?: string
children: ReactNode
className?: string
}
export function FormSection({ title, description, children, className }: FormSectionProps) {
return (
<div className={cn("space-y-6", className)}>
<div className="space-y-1">
<h3 className="text-lg font-medium">{title}</h3>
{description && <p className="text-sm text-muted-foreground">{description}</p>}
</div>
<div className="space-y-4">{children}</div>
</div>
)
}