"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = require("react");

var _core = require("@emotion/core");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var baseMapMenu = (0, _core.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 (0, _core.jsx)(_react.Fragment, null, (0, _core.jsx)("div", {
    css: baseMapMenu
  }, (0, _core.jsx)("input", {
    checked: baseMapStyle === "light",
    type: "radio",
    value: "light",
    onChange: onBaseMapStyleChange
  }), (0, _core.jsx)("label", {
    htmlFor: "light"
  }, "Light"), (0, _core.jsx)("input", {
    checked: baseMapStyle === "dark",
    type: "radio",
    value: "dark",
    onChange: onBaseMapStyleChange
  }), (0, _core.jsx)("label", {
    htmlFor: "dark"
  }, "Dark")));
};

SandboxBaseMapSelector.propTypes = {
  onBaseMapStyleChange: _propTypes["default"].func.isRequired,
  baseMapStyle: _propTypes["default"].string.isRequired
};
var _default = SandboxBaseMapSelector;
exports["default"] = _default;