'use client';

import { VersionStatus, VERSION_STATUS_BG, VERSION_STATUS_DOT } from '@/lib/version-status';

interface Props {
  name: string;
  status: VersionStatus;
}

export function VersionChip({ name, status }: Props) {
  return (
    <span className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium ${VERSION_STATUS_BG[status]}`}>
      <span className={`h-1.5 w-1.5 rounded-full ${VERSION_STATUS_DOT[status]}`} />
      {name}
    </span>
  );
}