import type { Architecture } from "@/lib/types";

const styles: Record<Architecture, string> = {
  dedicated:
    "bg-blue-500/10 text-blue-400 border-l-2 border-blue-500",
  nextgen:
    "bg-purple-500/10 text-purple-400 border-l-2 border-purple-500",
  serverless:
    "bg-orange-500/10 text-orange-400 border-l-2 border-orange-500",
  byoc:
    "bg-pink-500/10 text-pink-400 border-l-2 border-pink-500",
};

export default function ArchBadge({
  architecture,
}: {
  architecture: Architecture;
}) {
  return (
    <span
      className={`px-2 py-0.5 rounded-r text-xs font-medium ${styles[architecture]}`}
    >
      {architecture}
    </span>
  );
}