Label

1'use client';
2 
3import { Root } from '@radix-ui/react-label';
4import { cn } from '@/lib/classnames';
5import type { ComponentProps } from 'react';
6 
7function Label({ className, ...props }: ComponentProps<typeof Root>) {
8  return (
9    <Root
10      className={cn(
11        'flex select-none items-center gap-2 font-medium 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      data-slot='label'
15      {...props}
16    />
17  );
18}
19 
20export { Label };