import React from "react";
import clsx from "clsx";

export default function Badge({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}) {
  return (
    <span
      className={clsx(
        "inline-flex items-center rounded-full border border-slate-200 bg-white/80 px-3 py-1 text-xs font-medium text-slate-700 backdrop-blur",
        className
      )}
    >
      <span className="mr-2 h-1.5 w-1.5 rounded-full bg-cyan-500/90" />
      {children}
    </span>
  );
}