export const Label = ({
  children,
  htmlFor,
  required = false,
  className = '',
  ...props
}) => {
  const baseClasses = 'block mb-1 font-medium text-sm leading-[21px] tracking-[0.14px] text-[var(--color-main-800)]';

  const classes = `${baseClasses} ${className}`;

  return (
    <label htmlFor={htmlFor} className={classes} {...props}>
      {children}
      {required && <span className="text-red-500 ml-1">*</span>}
    </label>
  );
};

export default Label;


