You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
692 B
19 lines
692 B
import * as React from 'react' |
|
import * as LabelPrimitive from '@radix-ui/react-label' |
|
import { cva, type VariantProps } from 'class-variance-authority' |
|
|
|
import { cn } from '@/lib/utils' |
|
|
|
const labelVariants = cva( |
|
'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70' |
|
) |
|
|
|
const Label = React.forwardRef< |
|
React.ElementRef<typeof LabelPrimitive.Root>, |
|
React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> |
|
>(({ className, ...props }, ref) => ( |
|
<LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} /> |
|
)) |
|
Label.displayName = LabelPrimitive.Root.displayName |
|
|
|
export { Label }
|
|
|