import React from 'react'
import {Flex} from 'react-uikit/layout'
import Loader from 'react-uikit/loader'
import BEMModule from 'utils/bem'
import styles from '../../styles.scss'

const bem = new BEMModule(styles)

const LoadingState = () => {
    const rootStyles = bem.classNames('c-participants-table__loading')
    return (
        <div className={rootStyles}>
            <Flex align="center" justify="center">
                <Loader size="small" />
            </Flex>
        </div>
    )
}

export default LoadingState