import { getCategory } from "../../lib/categories";

export function CategoryBadge({ category }: { category: string }) {
  const cat = getCategory(category);

  return (
    <span
      class="cat-badge"
      style={{
        background: `${cat.color}1a`,
        color: cat.color,
        border: `1px solid ${cat.color}33`,
      }}
    >
      {cat.icon} {cat.label}
    </span>
  );
}