RocketChat/Rocket.Chat

import React from 'react';

const LoadingIndicator = ({ variation }: { variation?: 'medium' | 'large' }) => {
    return (
        <div className='loading__animation'>
            <div className={['loading__animation__bounce', variation && `loading__animation__bounce--${variation}`].filter(Boolean).join(' ')} />
            <div className={['loading__animation__bounce', variation && `loading__animation__bounce--${variation}`].filter(Boolean).join(' ')} />
            <div className={['loading__animation__bounce', variation && `loading__animation__bounce--${variation}`].filter(Boolean).join(' ')} />
        </div>
    );
};

export default LoadingIndicator;