import { ArrowUp, ArrowRight, ArrowDown } from 'lucide-react';

export function PriorityBadge({ priority }: { priority: string | null }) {
  switch (priority) {
    case 'high':
      return (
        <span className="inline-flex items-center gap-1 text-xs text-red-600 dark:text-red-400">
          <ArrowUp className="h-3 w-3" />
          High
        </span>
      );
    case 'medium':
      return (
        <span className="inline-flex items-center gap-1 text-xs text-amber-600 dark:text-amber-400">
          <ArrowRight className="h-3 w-3" />
          Medium
        </span>
      );
    case 'low':
      return (
        <span className="inline-flex items-center gap-1 text-xs text-muted-foreground">
          <ArrowDown className="h-3 w-3" />
          Low
        </span>
      );
    default:
      return null;
  }
}
