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

import { Button } from '@wordpress/components';
import { __ } from '@wordpress/i18n';

import TopNavigation from '../../../ReusableComponents/TopNavigation';
import { useSaveSettings } from '../../../../hooks/useSaveSettings';

const SettingsNavigation = ( { canSave = true } ) => {
	const { persistAll } = useSaveSettings();

	const title = __( 'PayPal Payments', 'woocommerce-paypal-payments' );

	return (
		<TopNavigation title={ title } exitOnTitleClick={ true }>
			{ canSave && (
				<Button variant="primary" onClick={ persistAll }>
					{ __( 'Save', 'woocommerce-paypal-payments' ) }
				</Button>
			) }
		</TopNavigation>
	);
};

export default SettingsNavigation;