import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  { path: '', redirectTo: 'login', pathMatch: 'full' },
  { path: 'login', loadChildren: () => "import('./layout/login/login.module').then((m) => m.LoginModule)" },
  { path: 'dashboard', loadChildren: () => "import('./layout/dashboard/dashboard.module').then((m) => m.DashboardModule)" },
  { path: 'html-builder', loadChildren: () => "import('./layout/html-builder/html-builder.module').then((m) => m.HtmlBuilderModule)" },
  {
    path: 'picture-manager', loadChildren: () =>
      "import('./layout/picture-manager/picture-manager.module').then(m => m.PictureManagerModule)"
  },
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true, relativeLinkResolution: 'legacy' })],
  exports: [RouterModule],
})
export class AppRoutingModule { }