linkerd2/web/app/js/components/EmptyCard.jsx

36 lines
765 B
JavaScript

import Card from '@material-ui/core/Card';
import CardContent from '@material-ui/core/CardContent';
import PropTypes from 'prop-types';
import React from 'react';
import Typography from '@material-ui/core/Typography';
import { withStyles } from '@material-ui/core/styles';
const styles = () => ({
card: {
textAlign: 'center',
paddingTop: '8px',
},
});
const EmptyCard = ({ content, classes }) => {
return (
<Card className={classes.card} elevation={3}>
<CardContent>
<Typography>
{content}
</Typography>
</CardContent>
</Card>
);
};
EmptyCard.propTypes = {
content: PropTypes.string,
};
EmptyCard.defaultProps = {
content: 'No data to display',
};
export default withStyles(styles)(EmptyCard);