import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import { LinearProgress } from 'material-ui/Progress';

const styles = {
    root: {
        flexGrow: 1,
        width: "100%",
        position: "fixed",
        zIndex: "999",
    },
};

class LinearIndeterminate extends  React.Component{
    constructor() {
        super();
        this.state = {
            showForm: false
        }
    }
    render() {
        const {classes} = this.props;
        const showHide = {
            'display': this.state.showForm ? 'block' : 'none'
        };

        const showReplyForm = () => {
            this.setState({showForm: true});
        };
        return (
            <div className={classes.root} style={showHide}>
                <LinearProgress color="secondary"/>
            </div>
        );
    }
}

LinearIndeterminate.propTypes = {
    classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(LinearIndeterminate);