woocommerce/plugins/woocommerce-admin/client/tasks/fills/components/load-sample-product-modal.tsx

37 lines
970 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', 'woocommerce' ) }
</Text>
<Text className="woocommerce-load-sample-product-modal__description">
{ __(
'We are loading 9 sample products into your store',
'woocommerce'
) }
</Text>
</Modal>
);
};
export default LoadSampleProductModal;