import { __ } from '@wordpress/i18n';
import { Flex, FlexItem, Spinner } from '@wordpress/components';

const ImageBlockSpinner = () => {
    return <Flex
        className="seoaic-generate-image-spinner"
        justify="center"
        align="center"
    >
        <FlexItem>
            <Spinner/>
        </FlexItem>
        <div className="waiting-note">
            { __("Generation may take up to 30 seconds", "seoaic") }
        </div>
    </Flex>;
};

export default ImageBlockSpinner;