Glass Label

1'use client'
2 
3import * as React from 'react'
4import { Label as LabelPrimitive } from 'radix-ui'
5 
6import { cn } from '@/lib/utils'
7 
8const GlassLabel = React.forwardRef<
9  React.ComponentRef<typeof LabelPrimitive.Root>,
10  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
11>(({ className, ...props }, ref) => (
12  <LabelPrimitive.Root
13    ref={ref}
14    className={cn(
15      'font-mono text-[0.8125rem] tracking-[0.15em] uppercase text-muted-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
16      className,
17    )}
18    {...props}
19  />
20))
21GlassLabel.displayName = LabelPrimitive.Root.displayName
22 
23export { GlassLabel }