gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/common/components/ui/checkbox.tsx · master
Source
1 88bd1b0 Mrdn 2y ago import * as React from "react"
2 88bd1b0 Mrdn 2y ago import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
3 88bd1b0 Mrdn 2y ago import { Check } from "lucide-react"
4 88bd1b0 Mrdn 2y ago
5 d636f3f Dawsh 2y ago import { cn } from "@marzneshin/common/utils"
6 88bd1b0 Mrdn 2y ago
7 88bd1b0 Mrdn 2y ago const Checkbox = React.forwardRef<
8 d636f3f Dawsh 2y ago React.ElementRef<typeof CheckboxPrimitive.Root>,
9 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
10 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
11 d636f3f Dawsh 2y ago <CheckboxPrimitive.Root
12 d636f3f Dawsh 2y ago ref={ref}
13 d636f3f Dawsh 2y ago className={cn(
14 d636f3f Dawsh 2y ago "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
15 d636f3f Dawsh 2y ago className
16 d636f3f Dawsh 2y ago )}
17 d636f3f Dawsh 2y ago {...props}
18 88bd1b0 Mrdn 2y ago >
19 d636f3f Dawsh 2y ago <CheckboxPrimitive.Indicator
20 d636f3f Dawsh 2y ago className={cn("flex items-center justify-center text-current")}
21 d636f3f Dawsh 2y ago >
22 d636f3f Dawsh 2y ago <Check className="h-4 w-4" />
23 d636f3f Dawsh 2y ago </CheckboxPrimitive.Indicator>
24 d636f3f Dawsh 2y ago </CheckboxPrimitive.Root>
25 88bd1b0 Mrdn 2y ago ))
26 88bd1b0 Mrdn 2y ago Checkbox.displayName = CheckboxPrimitive.Root.displayName
27 88bd1b0 Mrdn 2y ago
28 88bd1b0 Mrdn 2y ago export { Checkbox }