// design-center.routes.ts
import { Routes } from '@angular/router';

export const designCenterRoutes: Routes = [
  {
    path: '',
    loadComponent: () => import('./pages-design-center/pages-design-center').then(m => m.PagesDesignCenter),
    children: [
      {
        path: '',
        redirectTo: 'color-diy',
        pathMatch: 'full'
      },
      {
        path: 'color-diy',
        loadComponent: () => import('./pages-design-center/color-diy/color-diy').then(m => m.ColorDiy)
      },
      {
        path: 'advanced-custom',
        loadComponent: () => import('./pages-design-center/advanced-custom/advanced-custom').then(m => m.AdvancedCustom)
      },
      {
        path: 'embroidery-editor',
        loadComponent: () => import('./pages-design-center/advanced-custom/components/embroidery-editor/embroidery-editor').then(m => m.EmbroideryEditor)
      },
      {
        path: 'accessory-system',
        loadComponent: () => import('./pages-design-center/advanced-custom/components/accessory-system/accessory-system').then(m => m.AccessorySystem)
      },
      {
        path: 'sticker-library',
        loadComponent: () => import('./pages-design-center/advanced-custom/components/sticker-library/sticker-library').then(m => m.StickerLibrary)
      },
      {
        path: 'material-texture',
        loadComponent: () => import('./pages-design-center/color-diy/components/material-texture/material-texture').then(m => m.MaterialTexture)
      },
      {
        path: 'trending-colors',
        loadComponent: () => import('./pages-design-center/color-diy/components/trending-colors/trending-colors').then(m => m.TrendingColors)
      }
    ]
  }
];