import type { ProjectStatus } from "@/getProjects"
import { colors } from "@/shared/colors"

export default function Status(status: ProjectStatus) {
  return span.tag(backgroundColor(statusColors[status]), status)
}

const statusColors: Record<ProjectStatus, string> = {
  archived: colors.orange,
  dormant: colors.gray,
  stable: colors.blue,
  experiment: colors.purple,
  active: colors.green,
}