"use strict";

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

var _react = _interopRequireDefault(require("react"));

var _SeperatorModuleModule = _interopRequireDefault(require("./Seperator.module.module.css"));

var _compileClassNames3 = _interopRequireDefault(require("../../libraries/compileClassNames"));

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

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; }

function SeperatorSkeleton(props) {
  var seperator = props.seperator,
      _props$customClassNam = props.customClassName,
      customClassName = _props$customClassNam === void 0 ? {} : _props$customClassNam,
      _props$tagName = props.tagName,
      tagName = _props$tagName === void 0 ? "li" : _props$tagName;
  var seperatorClassName = (0, _compileClassNames3["default"])(customClassName, _defineProperty({}, _SeperatorModuleModule["default"].seperator, true), _defineProperty({}, customClassName.seperator, !!customClassName.seperator));
  return /*#__PURE__*/_react["default"].createElement(tagName, {
    className: seperatorClassName,
    children: seperator
  });
}