← full-stack-fastapi-template  /  frontend/src/components/ui/label.tsx

1 
"use client"
2 

      

      
      

        3
        
import * as React from "react"

      

      
      

        4
        
import * as LabelPrimitive from "@radix-ui/react-label"

      

      
      

        5
        

      

      
      

        6
        
import { cn } from "@/lib/utils"

      

      
      

        7
        

      

      
      

        8
        
function Label({

      

      
      

        9
        
  className,

      

      
      

        10
        
  ...props

      

      
      

        11
        
}: React.ComponentProps<typeof LabelPrimitive.Root>) {

      

      
      

        12
        
  return (

      

      
      

        13
        
    <LabelPrimitive.Root

      

      
      

        14
        
      data-slot="label"

      

      
      

        15
        
      className={cn(

      

      
      

        16
        
        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",

      

      
      

        17
        
        className

      

      
      

        18
        
      )}

      

      
      

        19
        
      {...props}

      

      
      

        20
        
    />

      

      
      

        21
        
  )

      

      
      

        22
        
}

      

      
      

        23
        

      

      
      

        24
        
export { Label }

      

      
      

        25