import { createRouter, createWebHistory } from 'vue-router'
import TextInputTestView from '../views/TextInputTestView.vue'
import FileUploadTestView from '../views/FileUploadTestView.vue'
import ActionTestView from '../views/ActionTestView.vue'
import DashboardView from '../views/DashboardView.vue'
import NavigationTestView from '../views/NavigationTestView.vue'
import DropdownTestView from '../views/DropdownTestView.vue'
import CheckboxTestView from '../views/CheckboxTestView.vue'
import ListTestView from '../views/ListTestView.vue'
import ModalTestView from '../views/ModalTestView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'dashboard',
      component: DashboardView,
      meta: { title: 'Dashboard' },
    },
    {
      path: '/textinput',
      name: 'textinput',
      component: TextInputTestView,
      meta: { title: 'Text Input Test' },
    },
    {
      path: '/fileupload',
      name: 'fileupload',
      component: FileUploadTestView,
      meta: { title: 'File Upload Test' },
    },
    {
      path: '/action',
      name: 'action',
      component: ActionTestView,
      meta: { title: 'Action Test' },
    },
    {
      path: '/navigation',
      name: 'navigation',
      component: NavigationTestView,
      meta: { title: 'Navigation Test' },
    },
    {
      path: '/dropdown',
      name: 'dropdown',
      component: DropdownTestView,
      meta: { title: 'Dropdown Test' },
    },
    {
      path: '/checkbox',
      name: 'checkbox',
      component: CheckboxTestView,
      meta: { title: 'Checkbox Test' },
    },
    {
      path: '/list',
      name: 'list',
      component: ListTestView,
      meta: { title: 'List Test' },
    },
    {
      path: '/modal',
      name: 'modal',
      component: ModalTestView,
      meta: { title: 'Modal Test' },
    },
  ],
})

export default router