import type { useRender } from "@base-ui/react/use-render";
import { Badge, type badgeVariants } from "@repo/shadcn-ui/components";
import { cn } from "@repo/shadcn-ui/lib/utils";
import type { VariantProps } from "class-variance-authority";

export const RdxBadge = ({
  className,
  ...props
}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) => (
  <Badge className={cn("tracking-wide px-4 h-6 rounded-md", className)} {...props} />
);