Checkbox Group

1"use client";
2 
3import { CheckboxGroup as CheckboxGroupPrimitive } from "@base-ui/react/checkbox-group";
4import type * as React from "react";
5 
6import { cn } from "@/lib/utils";
7 
8const CheckboxGroup = ({
9  className,
10  ...props
11}: React.ComponentProps<typeof CheckboxGroupPrimitive>) => (
12  <CheckboxGroupPrimitive
13    className={cn("flex flex-col gap-3", className)}
14    data-slot="checkbox-group"
15    {...props}
16  />
17);
18 
19const CheckboxGroupLabel = ({ className, ...props }: React.ComponentProps<"div">) => (
20  <div
21    className={cn("font-medium text-sm leading-none", className)}
22    data-slot="checkbox-group-label"
23    {...props}
24  />
25);
26 
27export { CheckboxGroup, CheckboxGroupLabel };