// The colours a highlight can be, and the meanings readers tend to give them. The reader names
// each colour themselves (see the Highlights list); these are only the starting suggestions.
export const HIGHLIGHT_COLORS = ['#fef08a', '#bbf7d0', '#bfdbfe', '#fecaca', '#e9d5ff', '#fed7aa'];

export const COLOR_NAMES = {
  '#fef08a': 'Yellow', '#bbf7d0': 'Green', '#bfdbfe': 'Blue',
  '#fecaca': 'Red', '#e9d5ff': 'Purple', '#fed7aa': 'Orange',
};

export const COLOR_SUGGESTIONS = {
  '#fef08a': 'Key verse', '#bbf7d0': 'Promise', '#bfdbfe': 'Command',
  '#fecaca': 'Warning', '#e9d5ff': 'Prayer', '#fed7aa': 'Question',
};

// "Promise (green)" when named, otherwise just "Green".
export const colorTitle = (color, labels = {}) => (labels[color] ? `${labels[color]} (${(COLOR_NAMES[color] ?? 'color').toLowerCase()})` : COLOR_NAMES[color] ?? 'Highlight');