export type StoryTextBackgroundOption = {
  id: string;
  backgroundColor: string;
  textColor: string;
};

/** Fundos do composer de story em texto — fonte única de cores (sem hex nos apps). */
export const STORY_TEXT_BACKGROUND_OPTIONS: StoryTextBackgroundOption[] = [
  { id: 'fuchsia', backgroundColor: '#D946EF', textColor: '#FFFFFF' },
  { id: 'cyan', backgroundColor: '#00E5FF', textColor: '#001018' },
  { id: 'rose', backgroundColor: '#FF2D55', textColor: '#FFFFFF' },
  { id: 'violet', backgroundColor: '#7C3AED', textColor: '#FFFFFF' },
  { id: 'amber', backgroundColor: '#F59E0B', textColor: '#1A1200' },
  { id: 'lime', backgroundColor: '#84CC16', textColor: '#102000' },
  { id: 'sky', backgroundColor: '#38BDF8', textColor: '#001018' },
  { id: 'slate', backgroundColor: '#1E293B', textColor: '#FFFFFF' },
  { id: 'black', backgroundColor: '#000000', textColor: '#FFFFFF' },
  { id: 'white', backgroundColor: '#FFFFFF', textColor: '#111111' },
];

export function resolveStoryTextBackgroundOption(
  id: string,
): StoryTextBackgroundOption {
  return (
    STORY_TEXT_BACKGROUND_OPTIONS.find((option) => option.id === id) ??
    STORY_TEXT_BACKGROUND_OPTIONS[0]!
  );
}