import type { FunctionComponent } from 'preact'

import type { Screen } from '../store'
import { Board } from './board'
import { BootScreen, BriefingScreen, StoryScreen, TitleScreen } from './cold'
import { FlashbackScreen, NotesScreen, TimelineScreen } from './deduce'
import { AccusationScreen, ShareScreen, VerdictScreen } from './endgame'
import { EvidenceScreen } from './evidence'
import { Interrogation } from './interro'
import { SuspectsScreen } from './suspects'

export const SCREENS: Record<Screen, FunctionComponent> = {
  title: TitleScreen,
  story: StoryScreen,
  briefing: BriefingScreen,
  boot: BootScreen,
  board: Board,
  suspects: SuspectsScreen,
  interro: Interrogation,
  evidence: EvidenceScreen,
  flashback: FlashbackScreen,
  timeline: TimelineScreen,
  notes: NotesScreen,
  accuse: AccusationScreen,
  verdict: VerdictScreen,
  share: ShareScreen,
}