Label

1import * as React from 'react'
2import * as LabelPrimitive from '@radix-ui/react-label'
3import { cva, type VariantProps } from 'class-variance-authority'
4import { cn } from '@/lib/utils'
5 
6const labelVariants = cva(
7  'text-sm font-bold uppercase tracking-wide leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
8)
9 
10const Label = React.forwardRef<
11  React.ElementRef<typeof LabelPrimitive.Root>,
12  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
13    VariantProps<typeof labelVariants>
14>(({ className, ...props }, ref) => (
15  <LabelPrimitive.Root
16    ref={ref}
17    className={cn(labelVariants(), className)}
18    {...props}
19  />
20))
21Label.displayName = LabelPrimitive.Root.displayName
22 
23export { Label }