36 lines
896 B
JavaScript
36 lines
896 B
JavaScript
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: '"Roboto", "Helvetica", "Arial", "sans-serif"',
|
|
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) |