import { RouteRecordRaw } from 'vue-router'

const routes: RouteRecordRaw[] = [
  {
    path: '/',
    component: () => import('../layouts/MenuLayout.vue')
  },
  {
    path: '/test',
    component: () => import('../layouts/ComponentLayout.vue'),
    children: [{
      path: 'table',
      children: [{
        path: '',
        component: () => import('../pages/KTablePage.vue')
      },
        {
        path: 'testFieldEditableCondition',
        component: () => import('../pages/KTable/TestFieldEditableCondition.vue')
      }]
    }, {
      path: 'tableResponsive',
      component: () => import('../pages/KTablePageResponsive.vue')
    }, {
      path: 'popup',
      component: () => import('../pages/CommonPopupPage.vue')
    }, {
      path: 'menuButtons',
      component: () => import('../pages/KMenuButtonsPage.vue')
    },
    {
      path: 'actionNavBar',
      component: () => import('../pages/ActionNavBarPage.vue')
    },
    {
      path: 'FileUploaderProgress',
      component: () => import('../pages/KFileUploaderProgressPage.vue')
    },
    {
      path: 'FileViewer',
      component: () => import('../pages/KFileViewerPage.vue')
    },
    {
      path: 'FileManagerPopup',
      component: () => import('../pages/KFileManagerPopupPage.vue')
    },
    {
      path: 'CalendarTable',
      component: () => import('../pages/KCalendarTablePage.vue')
    }
    ]
  }
]

export default routes