Label

1import * as React from "react"
2 
3import { cn } from "@/lib/utils"
4 
5function Label({ className, ...props }: React.ComponentProps<"label">) {
6  return (
7    // oxlint-disable-next-line jsx-a11y/label-has-associated-control -- primitive; consumers pass htmlFor or nest a control
8    <label
9      data-slot="label"
10      className={cn(
11        "flex select-none items-center gap-2 font-medium text-foreground text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
12        className
13      )}
14      {...props}
15    />
16  )
17}
18 
19export { Label }