import React from 'react';
import { styled } from '@material-ui/styles';
import { CircularProgress } from '@material-ui/core';
import { defaultGreyLight4 } from '@tecsinapse/ui-kit/build/colors';
var StyledDiv = styled('div')({
  textAlign: 'center',
  padding: '15px 0',
  backgroundColor: defaultGreyLight4 // same color as MessageList

});
var CircularProgressStyled = styled(CircularProgress)({});
export var Loading = function Loading() {
  return React.createElement(StyledDiv, null, React.createElement(CircularProgressStyled, {
    size: 60
  }));
};