import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomepageComponent } from './homepage/homepage.component';
import { SdkDashboardComponent } from './sdk-dashboard/sdk-dashboard.component';
import { CallComponent } from './sdk-dashboard/call/call.component';
import { DeviceComponent } from './sdk-dashboard/device/device.component';
import { VideoComponent } from './sdk-dashboard/video/video.component';
import { MailComponent } from './sdk-dashboard/mail/mail.component';
import { ChatComponent } from './sdk-dashboard/chat/chat.component';

export const routes: Routes = [
  { path: '', component: HomepageComponent },
  {
    path: 'dashboard',
    component: SdkDashboardComponent,
  },
  { path: 'call', component: CallComponent },
  { path: 'chat', component: ChatComponent },
  { path: 'device', component: DeviceComponent },
  { path: 'video', component: VideoComponent },
  { path: 'mail', component: MailComponent },
  { path: '**', redirectTo: '/dashboard' },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}
