| 1 | import { Badge } from '@/components/ui/badge' |
| 2 | import { cn } |
| 3 | import type { projectStatus |
| 4 | |
| 5 | export type ProjectStatusValue |
| 6 | |
| 7 | export const PROJECT_STATUS_VARIANTS: |
| 8 | ProjectStatusValue, |
| 9 | { label: |
| 10 | > = { |
| 11 | planning: { |
| 12 | label: 'Planning', |
| 13 | className: 'bg-sky-500/10 text-sky-600 border-sky-500/20 dark:text-sky-400', |
| 14 | }, |
| 15 | 'in-progress': { |
| 16 | label: 'In Progress', |
| 17 | className: 'bg-primary/10 text-primary border-primary/20', |
| 18 | }, |
| 19 | 'on-hold': { |
| 20 | label: 'On Hold', |
| 21 | className: |
| 22 | 'bg-amber-500/10 text-amber-600 border-amber-500/20 dark:text-amber-400', |
| 23 | }, |
| 24 | completed: { |
| 25 | label: 'Completed', |
| 26 | className: |
| 27 | 'bg-emerald-500/10 text-emerald-600 border-emerald-500/20 dark:text-emerald-400', |
| 28 | }, |
| 29 | archived: { |
| 30 | label: 'Archived', |
| 31 | className: |
| 32 | 'bg-rose-500/10 text-rose-600 border-rose-500/20 dark:text-rose-400', |
| 33 | }, |
| 34 | } |
| 35 | |
| 36 | export default function ProjectStatusBadge |
| 37 | status, |
| 38 | }: { |
| 39 | status: ProjectStatusValue |
| 40 | }) { |
| 41 | const variant = |
| 42 | |
| 43 | return ( |
| 44 | <Badge className={ |
| 45 | {variant.label} |
| 46 | </Badge> |
| 47 | ) |
| 48 | } |