import React from "react";

type CustomLabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;

const CustomLabel = React.forwardRef<HTMLLabelElement, CustomLabelProps>(
  ({ className, ...props }, ref) => {
    return (
      <label
        ref={ref}
        className={`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${className}`}
        {...props}
      />
    );
  }
);
CustomLabel.displayName = "CustomLabel";

export { CustomLabel };
