import React from "react";
import * as LabelPrimitive from "@rn-primitives/label";
import { cn } from "../utils/cn";

const FormLabel = React.forwardRef<
  React.ElementRef<typeof LabelPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
>(({ className, ...props }, ref) => (
  <LabelPrimitive.Root ref={ref} className={cn("", className)} {...props} />
));
FormLabel.displayName = "FormLabel";

const FormLabelText = React.forwardRef<
  React.ElementRef<typeof LabelPrimitive.Text>,
  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Text>
>(({ className, ...props }, ref) => (
  <LabelPrimitive.Text
    ref={ref}
    className={cn("text-sm font-medium text-foreground dark:text-white", className)}
    {...props}
  />
));
FormLabelText.displayName = "FormLabelText";

export { FormLabel, FormLabelText };