import React from "react";
import Typography from "@material-ui/core/Typography";
import { makeStyles } from "@material-ui/core/styles";
var useStyles = makeStyles({
  root: {
    padding: 50,
    textAlign: "center"
  },
  title: {
    margin: 50
  },
  explain: {}
});
export var BadDataset = function BadDataset(_ref) {
  var title = _ref.title,
      description = _ref.description,
      children = _ref.children;
  var c = useStyles();
  return /*#__PURE__*/React.createElement("div", {
    className: c.root
  }, /*#__PURE__*/React.createElement(Typography, {
    variant: "h4",
    component: "div",
    className: c.title
  }, title), /*#__PURE__*/React.createElement(Typography, {
    variant: "h6",
    component: "div",
    className: c.explain
  }, description || children));
};
export default BadDataset;