text: "use strict";
  
  var _react = _interopRequireWildcard(require("react"));
  
  var _react2 = require("@storybook/react");
  
  var _grommet = require("grommet");
  
  var _themes = require("grommet/themes");
  
  var _object = require("../../../utils/object");
  
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
  
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
  
  function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
  
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  
  var customTheme = (0, _object.deepMerge)(_themes.grommet, {
    global: {
      drop: {
        background: {
          dark: 'neutral-2',
          light: 'neutral-2'
        },
        border: {
          radius: '10px'
        },
        zIndex: '13'
      }
    }
  });
  
  var Custom =
  /*#__PURE__*/
  function (_Component) {
    _inheritsLoose(Custom, _Component);
  
    function Custom() {
      var _this;
  
      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
        args[_key] = arguments[_key];
      }
  
      _this = _Component.call.apply(_Component, [this].concat(args)) || this;
  
      _defineProperty(_assertThisInitialized(_this), "targetRef", (0, _react.createRef)());
  
      return _this;
    }
  
    var _proto = Custom.prototype;
  
    _proto.componentDidMount = function componentDidMount() {
      this.forceUpdate();
    };
  
    _proto.render = function render() {
      return _react["default"].createElement(_grommet.Grommet, {
        theme: customTheme,
        full: true
      }, _react["default"].createElement(_grommet.Box, {
        fill: true,
        align: "center",
        justify: "center"
      }, _react["default"].createElement(_grommet.Box, {
        background: "dark-3",
        pad: "medium",
        align: "center",
        justify: "start",
        ref: this.targetRef
      }, "Box"), this.targetRef.current && _react["default"].createElement(_grommet.Drop, {
        align: {
          top: 'bottom',
          left: 'right'
        },
        target: this.targetRef.current
      }, _react["default"].createElement(_grommet.Box, {
        pad: "small"
      }, "This Drop uses a custom theme"))));
    };
  
    return Custom;
  }(_react.Component);
  
  (0, _react2.storiesOf)('Drop', module).add('Custom', function () {
    return _react["default"].createElement(Custom, null);
  });