| 1 |
import { Description, DialogTitle } from '@headlessui/react'; |
| 2 |
import { Spinner } from '@wordpress/components'; |
| 3 |
import { __ } from '@wordpress/i18n'; |
| 4 |
|
| 5 |
export const Loading = () => { |
| 6 |
return ( |
| 7 |
<div className="py-10 px-16 flex flex-col items-center justify-center"> |
| 8 |
<div className="mb-6"> |
| 9 |
<Spinner className="h-10 w-10 text-[#1A5130]" /> |
| 10 |
</div> |
| 11 |
<DialogTitle className="text-xl font-semibold text-center text-gray-900 mb-3 font-sans"> |
| 12 |
{__('Setting up plugins for you...', 'extendify-local')} |
| 13 |
</DialogTitle> |
| 14 |
<Description className="text-center text-gray-700 text-base"> |
| 15 |
{__( |
| 16 |
'Please wait while we install your plugins and create accounts with the selected providers. This should only take a moment.', |
| 17 |
'extendify-local', |
| 18 |
)} |
| 19 |
</Description> |
| 20 |
</div> |
| 21 |
); |
| 22 |
}; |
| 23 |
|
