import { Navigate, type RouteObject } from 'react-router';

import { defaultScenario, scenarios } from './api';
import { Showcase } from './showcase/Showcase';

// One screen — one route: only then does a screen open in isolation and get photographed. Since S3
// the route also chooses the FIXTURE WORLD, so waiting, error, empty, the long tail and a lost
// stream each have a page of their own and each gets its own accessibility pass.
//
// Kept in step with the list in scripts/shot.mjs by src/routes.test.ts.
export const routes: RouteObject[] = [
  { path: '/', element: <Navigate to={`/${defaultScenario}`} replace /> },
  ...scenarios.map((scenario) => ({ path: `/${scenario}`, element: <Showcase /> })),
];