import type { ZoneColor } from '@/shared/types/app';

export const ZONES_OF_REGULATION_TABS = [
  { id: 'overview', label: 'Zone Overview' },
  { id: 'student', label: 'Student Cues' },
  { id: 'adult', label: 'Adult Examples' },
] as const;

export type ZonesOfRegulationTab = (typeof ZONES_OF_REGULATION_TABS)[number]['id'];

export const DEFAULT_EXPANDED_ZONE: ZoneColor = 'green';
export const DEFAULT_ZONES_TAB: ZonesOfRegulationTab = 'overview';

export const ZONE_GRADIENT_CLASSES: Record<ZoneColor, string> = {
  blue: 'from-blue-400 to-blue-600',
  green: 'from-green-400 to-green-600',
  yellow: 'from-yellow-400 to-amber-500',
  red: 'from-red-400 to-red-600',
};

export const ZONE_RING_CLASSES: Record<ZoneColor, string> = {
  blue: 'ring-blue-300',
  green: 'ring-green-300',
  yellow: 'ring-yellow-300',
  red: 'ring-red-300',
};
