// @ts-nocheck
import React from 'react';

import SetupSteps from './SetupSteps';
import WizardSetupSteps from './WizardSetupSteps';

import SetupSubscription from './SetupSubscription';
import SetupOrganizationPage from './SetupOrganizationPage';
import SetupInitializingForm from './SetupInitializingForm';
import SetupCongratsPage from './SetupCongratsPage';

/**
 * Setup wizard content.
 */
export default function SetupWizardContent({ setupStepIndex, setupStepId }) {
  return (
    <div class="setup-page__content">
      <WizardSetupSteps currentStep={setupStepIndex} />

      <div class="setup-page-form">
        <SetupSteps step={{ id: setupStepId }}>
          <SetupSubscription id="subscription" />
          <SetupOrganizationPage id="organization" />
          <SetupInitializingForm id={'initializing'} />
          <SetupCongratsPage id="congrats" />
        </SetupSteps>
      </div>
    </div>
  );
}
