34 lines
926 B
TypeScript
34 lines
926 B
TypeScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { __ } from '@wordpress/i18n';
|
||
|
|
import { Modal } from '@wordpress/components';
|
||
|
|
import { Spinner } from '@wordpress/components/build/ui';
|
||
|
|
import { Text } from '@woocommerce/experimental';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
import './load-sample-product-modal.scss';
|
||
|
|
|
||
|
|
const LoadSampleProductModal: React.FC = () => {
|
||
|
|
return (
|
||
|
|
<Modal
|
||
|
|
className="woocommerce-products-load-sample-product-modal"
|
||
|
|
overlayClassName="woocommerce-products-load-sample-product-modal-overlay"
|
||
|
|
title=""
|
||
|
|
onRequestClose={ () => {} }
|
||
|
|
>
|
||
|
|
<Spinner color="#007cba" size={ 48 } />
|
||
|
|
<Text className="woocommerce-load-sample-product-modal__title">
|
||
|
|
{ __( 'Loading sample products' ) }
|
||
|
|
</Text>
|
||
|
|
<Text className="woocommerce-load-sample-product-modal__description">
|
||
|
|
{ __( 'We are loading 9 sample products into your store' ) }
|
||
|
|
</Text>
|
||
|
|
</Modal>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default LoadSampleProductModal;
|