Label

1import * as React from 'react'
2import * as LabelPrimitive from '@radix-ui/react-label'
3import { cn } from '@/lib/utils'
4 
5const Label = React.forwardRef<
6  React.ElementRef<typeof LabelPrimitive.Root>,
7  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
8>(({ className, ...props }, ref) => (
9  <LabelPrimitive.Root
10    ref={ref}
11    className={cn(
12      'text-[0.7rem] font-mono font-medium uppercase tracking-widest',
13      'text-[var(--text-secondary)]',
14      'peer-disabled:opacity-40 peer-disabled:cursor-not-allowed',
15      'select-none',
16      className
17    )}
18    {...props}
19  />
20))
21Label.displayName = LabelPrimitive.Root.displayName
22 
23export { Label }