28 lines
1003 B
JavaScript
28 lines
1003 B
JavaScript
import { jsx } from "react/jsx-runtime";
|
|
import * as React from "react";
|
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
import { Check } from "lucide-react";
|
|
import { c as cn } from "./utils-DLCPGU0v.js";
|
|
const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
CheckboxPrimitive.Root,
|
|
{
|
|
ref,
|
|
className: cn(
|
|
"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
|
|
className
|
|
),
|
|
...props,
|
|
children: /* @__PURE__ */ jsx(
|
|
CheckboxPrimitive.Indicator,
|
|
{
|
|
className: cn("flex items-center justify-center text-current"),
|
|
children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
|
|
}
|
|
)
|
|
}
|
|
));
|
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
export {
|
|
Checkbox as C
|
|
};
|