import { Routes } from '@angular/router';

import { Demo1Component } from './components/demo1/demo1.component';
import { Demo2Component } from './components/demo2/demo2.component';

export const DEMO_ROUTES: Routes = [
  {
    // Diese Route ist relativ zu '/demo'.
    // Ein leerer Pfad leitet direkt weiter zu '/demo/1'.
    path: '',
    redirectTo: '1',
    pathMatch: 'full',
  },
  {
    // Diese Route passt auf '/demo/1' und lädt die Komponente genau einmal.
    path: '1',
    component: Demo1Component,
    title: 'Demo1',
  },
  {
    // Diese Route passt auf '/demo/1' und lädt die Komponente genau einmal.
    path: '2',
    component: Demo2Component,
    title: 'Demo2',
  },
  // Hier könntest du weitere Routen wie '2', '3' etc. hinzufügen,
  // die andere Komponenten laden.
  // { path: '2', component: AnotherDemoComponent },
];