export type ColorThemeId = 'forest' | 'ocean' | 'sunset' | 'berry';
export type IconStyleId = 'outline' | 'emoji' | 'bold';
export type AppearanceId = ColorThemeId;

export interface ThemeProposal {
  id: AppearanceId;
  labelKey: string;
  descriptionKey: string;
  colorTheme: ColorThemeId;
  iconStyle: IconStyleId;
  /** Preview swatch for UI */
  swatch: string;
}

export const THEME_PROPOSALS: ThemeProposal[] = [
  {
    id: 'forest',
    labelKey: 'appearance.forest',
    descriptionKey: 'appearance.forestDesc',
    colorTheme: 'forest',
    iconStyle: 'outline',
    swatch: '#16774c',
  },
  {
    id: 'ocean',
    labelKey: 'appearance.ocean',
    descriptionKey: 'appearance.oceanDesc',
    colorTheme: 'ocean',
    iconStyle: 'outline',
    swatch: '#2563eb',
  },
  {
    id: 'sunset',
    labelKey: 'appearance.sunset',
    descriptionKey: 'appearance.sunsetDesc',
    colorTheme: 'sunset',
    iconStyle: 'emoji',
    swatch: '#d97706',
  },
  {
    id: 'berry',
    labelKey: 'appearance.berry',
    descriptionKey: 'appearance.berryDesc',
    colorTheme: 'berry',
    iconStyle: 'bold',
    swatch: '#7c3aed',
  },
];

export const NAV_ICON_EMOJI: Record<string, string> = {
  dashboard: '📊',
  coffee: '☕',
  croissant: '🥐',
  soup: '🍲',
  moon: '🌙',
  list: '📋',
  book: '✏️',
  leaf: '🥬',
  diet: '🥗',
  calendar: '📅',
  cart: '🛒',
};
