Fieldset

1"use client";
2 
3import { Fieldset as BaseFieldset } from "@base-ui/react/fieldset";
4 
5import { cn } from "@/lib/utils";
6 
7function Fieldset({ className, ...props }: BaseFieldset.Root.Props) {
8  return (
9    <BaseFieldset.Root
10      data-slot="fieldset"
11      className={cn("grid gap-4 border-none p-0", className)}
12      {...props}
13    />
14  );
15}
16 
17function FieldsetLegend({ className, ...props }: BaseFieldset.Legend.Props) {
18  return (
19    <BaseFieldset.Legend
20      data-slot="fieldset-legend"
21      className={cn("text-foreground text-base font-semibold leading-6", className)}
22      {...props}
23    />
24  );
25}
26 
27export { Fieldset, FieldsetLegend };