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

import { __ } from '@wordpress/i18n';
import TabOverview from '../Overview/TabOverview';
import TabPaymentMethods from '../Overview/TabPaymentMethods';
import TabSettings from '../Overview/TabSettings';
import TabStyling from '../Overview/TabStyling';

export const getSettingsTabs = () => {
	const tabs = [];

	tabs.push( {
		name: 'overview',
		title: __( 'Overview', 'woocommerce-paypal-payments' ),
		component: <TabOverview />,
	} );

	tabs.push( {
		name: 'payment-methods',
		title: __( 'Payment Methods', 'woocommerce-paypal-payments' ),
		component: <TabPaymentMethods />,
	} );

	tabs.push( {
		name: 'settings',
		title: __( 'Settings', 'woocommerce-paypal-payments' ),
		component: <TabSettings />,
	} );

	tabs.push( {
		name: 'styling',
		title: __( 'Styling', 'woocommerce-paypal-payments' ),
		component: <TabStyling />,
	} );

	return tabs;
};