export type StepType =
  | 'transport'
  | 'meal'
  | 'accommodation'
  | 'activity'
  | 'break'
  | 'ticket'
  | 'other';

export interface StepTypeOption {
  id: StepType;
  label: string;
  icon: string;
  colors: {
    light: string;
    accent: string;
  };
}

export const STEP_TYPES: StepTypeOption[] = [
  {
    id: 'transport',
    label: 'Transport',
    icon: '🚌',
    colors: {
      light: '#E0F7FA', // bleu clair
      accent: '#00796B', // bleu canard
    }
  },
  {
    id: 'meal',
    label: 'Repas',
    icon: '🍽️',
    colors: {
      light: '#F1F8E9', // vert tendre
      accent: '#558B2F', // vert olive
    }
  },
  {
    id: 'accommodation',
    label: 'Hébergement',
    icon: '🏨',
    colors: {
      light: '#FFF3E0', // saumon doux
      accent: '#EF6C00', // orange brûlé
    }
  },
  {
    id: 'activity',
    label: 'Visite / Activité',
    icon: '🗺️',
    colors: {
      light: '#E3F2FD', // bleu ciel
      accent: '#1565C0', // bleu profond
    }
  },
  {
    id: 'break',
    label: 'Pause',
    icon: '☕',
    colors: {
      light: '#FBE9E7', // rosé calme
      accent: '#D84315', // rouge brique
    }
  },
  {
    id: 'ticket',
    label: 'Billet',
    icon: '🎫',
    colors: {
      light: '#E8EAF6', // bleu lavande clair
      accent: '#3949AB', // bleu indigo
    }
  },
  {
    id: 'other',
    label: 'Autre',
    icon: '📌',
    colors: {
      light: '#ECEFF1', // gris clair
      accent: '#607D8B', // gris bleuté
    }
  }
];

export const getStepTypeById = (id: StepType): StepTypeOption => {
  return STEP_TYPES.find(type => type.id === id) || STEP_TYPES[STEP_TYPES.length - 1];
};