"use client";

import { getSubgraphColor } from "@/lib/utils";

interface SubgraphBadgeProps {
    subgraph: string;
}

export default function SubgraphBadge({ subgraph }: SubgraphBadgeProps) {
    const { bg, text } = getSubgraphColor(subgraph);
    const displayName = subgraph.replace(/^graphql-/, "");

    return (
        <span
            className={`inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${bg} ${text}`}
        >
            {displayName}
        </span>
    );
}