21 lines
575 B
TypeScript
21 lines
575 B
TypeScript
|
import { cn } from "cn";
|
||
|
|
import type * as React from "react";
|
||
|
|
|
||
|
|
function Label({ className, htmlFor, children, ...props }: React.ComponentProps<"label">) {
|
||
|
|
return (
|
||
|
|
<label
|
||
|
|
className={cn(
|
||
|
|
"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",
|
||
|
|
className
|
||
|
|
)}
|
||
|
|
data-slot="label"
|
||
|
|
htmlFor={htmlFor}
|
||
|
|
{...props}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</label>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export { Label };
|