woocommerce-paypal-payments/modules/ppcp-settings/resources/js/Components/Screens/Settings.js

import TabNavigation from '../ReusableComponents/TabNavigation';
import { getSettingsTabs } from './tabs';
import { OnboardingHooks } from '../../data';
import Onboarding from './Onboarding/Onboarding';

const Settings = () => {
	const onboardingProgress = OnboardingHooks.useSteps();

	if ( ! onboardingProgress.isReady ) {
		// TODO: Use better loading state indicator.
		return <div>Loading...</div>;
	}

	if ( ! onboardingProgress.completed ) {
		return <Onboarding />;
	}

	const tabs = getSettingsTabs( onboardingProgress );

	return <TabNavigation tabs={ tabs }></TabNavigation>;
};

export default Settings;