2025-01-21 16:05:36 +01:00
|
|
|
import { __ } from '@wordpress/i18n';
|
2024-11-07 13:23:07 +01:00
|
|
|
import { Spinner } from '@wordpress/components';
|
2025-02-06 19:01:42 +01:00
|
|
|
import classnames from 'classnames';
|
|
|
|
|
|
|
|
const SpinnerOverlay = ( { asModal = false, message = null } ) => {
|
|
|
|
const className = classnames( 'ppcp-r-spinner-overlay', {
|
|
|
|
'ppcp--is-modal': asModal,
|
|
|
|
} );
|
2024-11-07 13:23:07 +01:00
|
|
|
|
2025-01-21 16:05:36 +01:00
|
|
|
if ( null === message ) {
|
|
|
|
message = __( 'Loading…', 'woocommerce-paypal-payments' );
|
|
|
|
}
|
|
|
|
|
2024-11-07 13:23:07 +01:00
|
|
|
return (
|
2025-02-06 19:01:42 +01:00
|
|
|
<div className={ className }>
|
2024-12-09 19:24:34 +01:00
|
|
|
{ message && (
|
2025-01-27 18:04:47 +01:00
|
|
|
<span className="ppcp--spinner-message">{ message }</span>
|
2024-12-09 19:24:34 +01:00
|
|
|
) }
|
2024-11-07 13:23:07 +01:00
|
|
|
<Spinner />
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default SpinnerOverlay;
|