import PropTypes from "prop-types";
import { Fragment } from "react";
import { jsx, css } from "@emotion/core";
var baseMapMenu = css("\n  padding: 10px;\n  z-index: 2;\n  font-family: \"Roboto Condensed\", sans-serif;\n");

var SandboxBaseMapSelector = function SandboxBaseMapSelector(_ref) {
  var onBaseMapStyleChange = _ref.onBaseMapStyleChange,
      baseMapStyle = _ref.baseMapStyle;
  return jsx(Fragment, null, jsx("div", {
    css: baseMapMenu
  }, jsx("input", {
    checked: baseMapStyle === "light",
    type: "radio",
    value: "light",
    onChange: onBaseMapStyleChange
  }), jsx("label", {
    htmlFor: "light"
  }, "Light"), jsx("input", {
    checked: baseMapStyle === "dark",
    type: "radio",
    value: "dark",
    onChange: onBaseMapStyleChange
  }), jsx("label", {
    htmlFor: "dark"
  }, "Dark")));
};

SandboxBaseMapSelector.propTypes = {
  onBaseMapStyleChange: PropTypes.func.isRequired,
  baseMapStyle: PropTypes.string.isRequired
};
export default SandboxBaseMapSelector;