Checkbox

1import { CheckboxGroup, Checkbox, CheckboxIndicator } from "@/components/ui/checkbox";
2
3<CheckboxGroup />

1"use client";
2
3import {
4  Checkbox as ArkCheckbox,
5  useCheckboxContext,
6} from "@ark-ui/react/checkbox";
7import { CheckIcon, MinusIcon } from "lucide-react";
8import type React from "react";
9import { tv } from "tailwind-variants";
10import { cn } from "@/lib/utils";
11
12export const useCheckbox = useCheckboxContext;
13
14export const CheckboxGroup = (
15  props: React.ComponentProps<typeof ArkCheckbox.Group>
16) => {
17  const { className, ...rest } = props;
18
19  return (
20    <ArkCheckbox.Group
21      className={cn("flex flex-col gap-2", className)}
22      data-slot="checkbox-group"
23      {...rest}
24    />
25  );
26};
27
28export const checkboxVariants = tv({