import onboarding from '@/pages/onboarding';
import onboardingStart from '@/pages/onboarding/start';
import onboardingStep1 from '@/pages/onboarding/step1';
import onboardingStep2 from '@/pages/onboarding/step2';
import onboardingStep3 from '@/pages/onboarding/step3';

import {ONBOARDING_STEP_1, ONBOARDING_STEP_2, ONBOARDING_STEP_3} from '@/router/onboarding.names';

export default [
  {
    path: '/onboarding',
    component: onboarding,
    children: [
      {
        path: '',
        component: onboardingStart,
        name: 'onboarding-start',
        meta: {
          layout: 'split',
          next: ONBOARDING_STEP_1,
        },
      },
      {
        path: 'learning',
        component: onboardingStep1,
        name: ONBOARDING_STEP_1,
        meta: {
          layout: 'split',
          next: ONBOARDING_STEP_2,
          illustration: 'contents',
        },
      },
      {
        path: 'collaboration',
        component: onboardingStep2,
        name: ONBOARDING_STEP_2,
        meta: {
          layout: 'split',
          next: ONBOARDING_STEP_3,
          illustration: 'rooms',
        },
      },
      {
        path: 'portfolio',
        component: onboardingStep3,
        name: ONBOARDING_STEP_3,
        meta: {
          layout: 'split',
          next: 'home',
          illustration: 'portfolio',
        },
      },
    ],
  }
];
