import { clsx } from "clsx";

export function StatusBadge({ children, tone = "neutral" }: { children: React.ReactNode; tone?: string }) {
  return <span className={clsx("badge", tone)}>{children}</span>;
}
