import { c } from 'ttag';
import { CircleLoader } from '../../../components';

const SubscriptionUpgrade = () => {
    return (
        <>
            <CircleLoader size="large" className="center flex color-primary" />
            <h1 className="text-xl text-bold mb0">{c('Title').t`Processing`}</h1>
            <p className="text-center mt0-5">{c('Info')
                .t`Your account is being upgraded, this may take up to 30 seconds.`}</p>
            <p className="text-center color-weak pb2 mb2">{c('Info').t`Thank you for supporting our mission.`}</p>
        </>
    );
};

export default SubscriptionUpgrade;

import { c } from 'ttag';
import { CircleLoader } from '../../../components';

const SubscriptionUpgrade = () => {
    return (
        <>
            <CircleLoader size="large" className="center flex color-primary mb0-5" />
            <h1 className="text-xl text-bold mb0">{c('Title').t`Processing`}</h1>
            <p className="text-center mt0-5">{c('Info')
                .t`Your account is being upgraded, this may take up to 30 seconds.`}</p>
            <p className="text-center color-weak pb2 mb2">{c('Info').t`Thank you for supporting our mission.`}</p>
        </>
    );
};

export default SubscriptionUpgrade;

Add spacing between loader and text
Add spacing between loader and text
