import type { AppRouteModule } from '/@/router/types';

import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';

const scenes: AppRouteModule = {
  path: '/scenes',
  name: 'Scenes',
  component: LAYOUT,
  redirect: '/scenes/list',
  meta: {
    icon: 'mdi:drama-masks',
    title: t('routes.dashboard.scenes'),
    orderNo: 101,
  },
  children: [
    // {
    //   path: 'down',
    //   name: 'ScenesDownload',
    //   component: () => import('/@/views/scenes/download.vue'),
    //   meta: {
    //     title: t('routes.dashboard.scenesDownload'),
    //     icon: 'mdi:box-download',
    //   },
    // },
    {
      path: 'list',
      name: 'ScenesList',
      component: () => import('/@/views/scenes/list.vue'),
      meta: {
        title: t('routes.dashboard.scenesList'),
        icon: 'mdi:drama-masks',
      },
    },
    {
      path: 'live',
      name: 'ScenesLive',
      component: () => import('/@/views/scenes/live.vue'),
      meta: {
        title: t('routes.dashboard.scenesLive'),
        icon: 'carbon:flow-stream',
      },
    },
    {
      path: 'room',
      name: 'ScenesRoom',
      component: () => import('/@/views/scenes/room.vue'),
      meta: {
        title: t('routes.dashboard.scenesRoom'),
        icon: 'carbon:flow-stream',
      },
    },
  ],
};

export default scenes;
