Label

1'use client';
2 
3import { type VariantProps, cva } from 'class-variance-authority';
4import * as React from 'react';
5 
6import { cn } from '@/lib/utils';
7 
8const labelVariants = cva(
9  'flex items-center font-normal gap-1 select-none data-[disabled=true]:pointer-events-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed',
10  {
11    variants: {
12      size: {
13        sm: 'label-small-primary',
14        default: 'label-regular-primary',
15        lg: 'label-large-primary',
16      },
17      disabled: {
18        false: 'text-fg-secondary',
19        true: 'text-fg-disabled cursor-not-allowed',
20      },
21    },
22    defaultVariants: {
23      disabled: false,
24      size: 'default',
25    },
26  },
27);
28 
29export interface LabelProps
30  extends
31    React.ComponentPropsWithoutRef<'label'>,
32    VariantProps<typeof labelVariants> {}
33 
34function Label({ className, size, disabled, ...props }: LabelProps) {
35  return (
36    <label
37      className={cn(labelVariants({ size, disabled }), className)}
38      data-slot="label"
39      data-disabled={disabled ? true : undefined}
40      {...props}
41    />
42  );
43}
44 
45export { Label, labelVariants };