/**
 * Race Status Configuration
 * 
 * UI display configuration for race status states
 */

import { CheckCircle2, Clock, PlayCircle, XCircle, type LucideIcon } from 'lucide-react';

export interface RaceStatusConfigData {
  icon: LucideIcon;
  color: string;
  bg: string;
  border: string;
  label: string;
}

export const raceStatusConfig: Record<string, RaceStatusConfigData> = {
  scheduled: {
    icon: Clock,
    color: 'text-primary-blue',
    bg: 'bg-primary-blue/10',
    border: 'border-primary-blue/30',
    label: 'Scheduled',
  },
  running: {
    icon: PlayCircle,
    color: 'text-performance-green',
    bg: 'bg-performance-green/10',
    border: 'border-performance-green/30',
    label: 'LIVE',
  },
  completed: {
    icon: CheckCircle2,
    color: 'text-gray-400',
    bg: 'bg-gray-500/10',
    border: 'border-gray-500/30',
    label: 'Completed',
  },
  cancelled: {
    icon: XCircle,
    color: 'text-warning-amber',
    bg: 'bg-warning-amber/10',
    border: 'border-warning-amber/30',
    label: 'Cancelled',
  },
} as const;