import React, { Fragment } from 'react';
import PropTypes from "prop-types";
import { withStyles } from '@material-ui/core/styles';
import Typography from '@material-ui/core/Typography';

const styles = theme => ({
    container: {
        padding: theme.spacing(0, 4),
    },
    text: {
        fontFamily: 'Dosis',
        fontSize: '1,2em',
        fontWeight: '500',
        color: theme.palette.primary.main,
        textAlign: 'center',
    },
});

function NoResult(props) {
    const { classes } = props;

    return (
        <div className={ classes.container }>
            <Typography className={ classes.text }>
                {props.text}
            </Typography>
        </div>
    );
}

NoResult.propTypes = {
    classes: PropTypes.object.isRequired,
    text: PropTypes.string.isRequired,
};

export default withStyles(styles)(NoResult)