import { FrameSectionKey } from '@/shared/types/frame';

export interface FrameSectionLabel {
  readonly key: FrameSectionKey;
  readonly letter: string;
  readonly label: string;
  readonly color: string;
  readonly lightBg: string;
  readonly description: string;
}

export const FRAME_QUERY_KEYS = {
  entries: ['frameEntries'],
} as const;

export const FRAME_SECTION_LABELS: readonly FrameSectionLabel[] = [
  {
    key: 'formal',
    letter: 'F',
    label: 'Formal Observation',
    color: 'from-violet-500 to-violet-600',
    lightBg: 'bg-violet-500/10 border-violet-500/20',
    description: 'Key themes from walkthroughs or observations',
  },
  {
    key: 'recognition',
    letter: 'R',
    label: 'Recognition',
    color: 'from-amber-500 to-amber-600',
    lightBg: 'bg-amber-500/10 border-amber-500/20',
    description: 'Shout-outs to teams, roles, or behaviors',
  },
  {
    key: 'application',
    letter: 'A',
    label: 'Application',
    color: 'from-emerald-500 to-emerald-600',
    lightBg: 'bg-emerald-500/10 border-emerald-500/20',
    description: 'What staff should try, apply, or practice this week',
  },
  {
    key: 'management',
    letter: 'M',
    label: 'Management',
    color: 'from-blue-500 to-blue-600',
    lightBg: 'bg-blue-500/10 border-blue-500/20',
    description: 'What needs fixing, tightening, or better management',
  },
  {
    key: 'emotional',
    letter: 'E',
    label: 'Emotional Intelligence',
    color: 'from-pink-500 to-pink-600',
    lightBg: 'bg-pink-500/10 border-pink-500/20',
    description: 'One EI skill for the week',
  },
];
