import type { HTMLAttributes } from "react";
import { cn } from "../../lib/cn";

export function Tag({
  children,
  className,
  ...props
}: HTMLAttributes<HTMLSpanElement>) {
  return (
    <span
      className={cn("inline-flex items-center rounded-[var(--uhuru-radius-md)] border border-[var(--uhuru-border-default)] px-3 py-1.5 text-xs text-[var(--uhuru-text-primary)]", className)}
      {...props}
    >
      {children}
    </span>
  );
}