import React from 'react';
import { Typography } from '@material-ui/core';
import { Warning } from '@material-ui/icons';

const Inactive = (props) => (
  <div id="party-loading" className="inactive">
    <Warning />
    <Typography variant="overline">PARTY IS PAUSED FOR A LITTLE CLEANUP</Typography>
    <Typography variant="caption">{props.status.message}</Typography>
  </div>
);

export default Inactive;