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 = ["type", "color", "className"];
import * as React from 'react';
import classNames from 'classnames';
export var COLORS_MAP = {
  white: 'white',
  'gray-50': 'gray-50',
  'gray-40': 'gray-40'
};
export var TYPE = {
  NORMAL: 'normal',
  SPACED: 'spaced',
  SHORT_SPACED: 'short-spaced'
};

var SeparatorHorizontal = function SeparatorHorizontal(_ref) {
  var _classNames;

  var _ref$type = _ref.type,
      type = _ref$type === void 0 ? TYPE.NORMAL : _ref$type,
      _ref$color = _ref.color,
      color = _ref$color === void 0 ? COLORS_MAP['gray-40'] : _ref$color,
      className = _ref.className,
      props = _objectWithoutProperties(_ref, _excluded);

  var separatorClass = classNames('sg-horizontal-separator', (_classNames = {}, _defineProperty(_classNames, "sg-horizontal-separator--".concat(type), type !== TYPE.NORMAL), _defineProperty(_classNames, "sg-horizontal-separator--".concat(String(color)), color), _classNames), className);
  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
    className: separatorClass,
    role: "separator"
  }));
};

export default SeparatorHorizontal;