import type { HTMLAttributes, ReactNode } from "react";

import { badgeClass, type BadgeVariant } from "@/lib/ui/variants";

interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
  children: ReactNode;
  variant?: BadgeVariant;
}

export function Badge({ children, className, variant, ...props }: BadgeProps) {
  return (
    <span className={badgeClass({ variant, className })} {...props}>
      {children}
    </span>
  );
}
