function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  padding-left: 1rem;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import PropTypes from "prop-types";
import Card from "@material-ui/core/Card";
import { makeStyles } from "@material-ui/core/styles";
import { jsx, css } from "@emotion/core";
import Icon from "../Icon/Icon";
var header = css(_templateObject());
var useProjectStyles = makeStyles({
  card: {
    "&:hover": {
      boxShadow: "0px 2px 6px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 4px 2px -1px rgba(0,0,0,0.12)"
    }
  }
});

var NotebookPreview = function NotebookPreview(_ref) {
  var message = _ref.message,
      link = _ref.link;
  var classes = useProjectStyles();
  return jsx("a", {
    href: link,
    target: "_blank",
    rel: "noopener noreferrer"
  }, jsx(Card, {
    className: classes.card
  }, jsx("h3", {
    css: header
  }, jsx(Icon, {
    className: "fa fa-book"
  }), " ".concat(message))));
};

NotebookPreview.propTypes = {
  message: PropTypes.string,
  link: PropTypes.string
};
NotebookPreview.defaultProps = {
  message: "See the data science notebook",
  link: "https://github.com/hackoregon/"
};
NotebookPreview.displayName = "NotebookPreview";
export default NotebookPreview;