import _extends from "@babel/runtime/helpers/esm/extends";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["partial", "children", "className", "color"];
import * as React from 'react';
import classnames from 'classnames';
export var COLOR = {
  BLUE: 'blue',
  BLACK: 'black'
};

var Overlay = function Overlay(_ref) {
  var partial = _ref.partial,
      children = _ref.children,
      className = _ref.className,
      _ref$color = _ref.color,
      color = _ref$color === void 0 ? COLOR.BLUE : _ref$color,
      props = _objectWithoutProperties(_ref, _excluded);

  var overlayClass = classnames('sg-overlay', _defineProperty({
    'sg-overlay--partial': partial
  }, "sg-overlay--".concat(String(color)), color), className);
  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
    className: overlayClass
  }), children);
};

export default Overlay;