import React from 'react'
import {Flex} from 'react-uikit/layout'
import Banner from 'components/banner'
import BEMModule from 'utils/bem'
import styles from './styles.scss'

const bem = new BEMModule(styles)

const ErrorState = () => {
    const iconClasses = bem.classNames('c-participants-table__error-icon')

    return (
        <Banner warning>
            <Flex align="center" justify="center">
                <em className={iconClasses}>
                    <span role="img" aria-label="scared emoji">
                        😱
                    </span>
                </em>
                &nbsp;&nbsp;Something went wrong… Please, check again later.
            </Flex>
        </Banner>
    )
}

export default ErrorState