import React, { memo } from 'react'
import { Typography } from '@material-ui/core'

function NoData() {
  return (
    <div
      style={{
        height: '100%',
        position: 'absolute',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        width: '100%',
        color: '#ccc',
        verticalAlign: 'middle',
        paddingLeft: '30px',
        zIndex: 10,
      }}
    >
      <Typography style={{ fontWeight: 'bold' }} variant="h5">
        No Data
      </Typography>
    </div>
  )
}

export default memo(NoData)