Checkbox

1"use client";
2 
3import { Checkbox } from "@base-ui/react/checkbox";
4import { cn } from "@/lib/utils";
5import styles from "./checkbox.module.css";
6 
7function CheckboxRoot({ className, ...props }: Checkbox.Root.Props) {
8  return (
9    <Checkbox.Root className={cn("hit-area-extend", styles.root, className)} data-slot="checkbox-root" {...props} />
10  );
11}
12 
13function CheckboxIndicator({ className, ...props }: Checkbox.Indicator.Props) {
14  return <Checkbox.Indicator className={cn(styles.indicator, className)} data-slot="checkbox-indicator" {...props} />;
15}
16 
17export { CheckboxRoot as Checkbox, CheckboxIndicator };