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 = ["color", "children", "className"];
import * as React from 'react';
import classnames from 'classnames';
export var CARD_HOLE_COLOR = {
  'gray-70': 'gray-70',
  'gray-50': 'gray-50',
  'gray-40': 'gray-40',
  'gray-20': 'gray-20',
  'gray-10': 'gray-10',
  'blue-40': 'blue-40',
  'blue-30': 'blue-30',
  'blue-20': 'blue-20',
  'green-40': 'green-40',
  'green-30': 'green-30',
  'green-20': 'green-20',
  'indigo-40': 'indigo-40',
  'indigo-30': 'indigo-30',
  'indigo-20': 'indigo-20',
  'yellow-40': 'yellow-40',
  'yellow-30': 'yellow-30',
  'yellow-20': 'yellow-20'
};

var CardHole = function CardHole(_ref) {
  var color = _ref.color,
      children = _ref.children,
      className = _ref.className,
      props = _objectWithoutProperties(_ref, _excluded);

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

export default CardHole;