label index.tsx

100% Statements 19/19

100% Branches 1/1

100% Functions 1/1

100% Lines 19/19

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 1x
1x
1x
1x
1x
1x
1x
317x
317x
317x
317x
317x
317x
317x
317x
317x
317x
317x
317x
  import { cn } from '@/lib/utils';
 
interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
  required?: boolean;
}
 
export const Label = ({ children, className, required, ...props }: LabelProps) => {
  return (
    // label의 required는 부르는 곳에서 제어
    <label {...props} className={cn('text-text-sm-medium flex items-center px-2', className)}>
      <span className='text-gray-700'>{children}</span>
      {required && (
        <span aria-hidden='true' className='text-error-500'>
          *
        </span>
      )}
    </label>
  );
};