import { t } from '@eciol/locale';
import { FrameBlank } from '@eciol/share-ui';
import { DOC_URL } from '@eciol/shared';
import type { AppRouteModule } from '@eciol/types';

import { LAYOUT } from '@/router/constant';

const iframe: AppRouteModule = {
  path: '/frame',
  name: 'Frame',
  component: LAYOUT,
  redirect: '/frame/doc',
  meta: {
    orderNo: 1000,
    icon: 'ion:tv-outline',
    title: t('routes.demo.iframe.frame'),
  },

  children: [
    {
      path: 'doc',
      name: 'Doc',
      component: FrameBlank,
      meta: {
        frameSrc: DOC_URL,
        title: t('routes.demo.iframe.doc'),
      },
    },
    {
      path: 'antv',
      name: 'Antv',
      component: FrameBlank,
      meta: {
        frameSrc: 'https://www.antdv.com/docs/vue/introduce-cn/',
        title: t('routes.demo.iframe.antv'),
      },
    },
    {
      path: DOC_URL,
      name: 'DocExternal',
      component: FrameBlank,
      meta: {
        title: t('routes.demo.iframe.docExternal'),
      },
    },
  ],
};

export default iframe;