function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  margin: auto;\n  padding-right: 1rem;\n"]);

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

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 0 0 1rem 0;\n"]);

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

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-evenly;\n  padding: 1rem 0 1rem 0;\n  @media (max-width: 500px) {\n    flex-direction: column;\n    padding: 0;\n  }\n"]);

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

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  margin: 20px;\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 { jsx, css } from "@emotion/core";
import { Dialog, ButtonNew, Logo } from "..";
var contentWrapper = css(_templateObject());
var buttonWrapper = css(_templateObject2());
var headerLogoContainer = css(_templateObject3());
var logoContainer = css(_templateObject4());

var SandboxIntroDialog = function SandboxIntroDialog(_ref) {
  var open = _ref.open,
      onClose = _ref.onClose;
  return jsx(Dialog, {
    open: open,
    onClose: onClose
  }, jsx("div", {
    css: contentWrapper
  }, jsx("div", {
    css: headerLogoContainer
  }, jsx("div", {
    css: logoContainer
  }, jsx(Logo, {
    type: "squareLogo"
  })), jsx("h2", null, "Sandbox is an exploratory data resource")), jsx("h3", null, "Explore curated collections to see patterns and relationships, then dig deeper into the context."), jsx("h3", null, "Work with us to prepare and document your dataset, and see it as map layers."), jsx("div", {
    css: buttonWrapper
  }, jsx("div", null, jsx(ButtonNew, {
    label: "Explore Data",
    onClick: onClose
  })))));
};

SandboxIntroDialog.propTypes = {
  open: PropTypes.bool,
  onClose: PropTypes.func
};
export default SandboxIntroDialog;