import React from 'react'
import PropTypes from 'prop-types'
import { Dimmer, Loader, Text } from 'ui'

export class WaitModal extends React.Component {
  static propTypes = {
    open: PropTypes.bool.isRequired,
    message: PropTypes.string,
    loader: PropTypes.bool,
  }

  static defaultProps = {
    loader: true,
  }

  render() {
    const { open, message, loader } = this.props

    return (
      <Dimmer active={open}>
        {loader && <Loader />}
        {message && (
          <Text size="huge" color="inverse">
            {message}
          </Text>
        )}
      </Dimmer>
    )
  }
}