@wix/design-system/dist/cjs/SidebarDividerNext/SidebarDividerNext.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _SidebarDividerNextSt = require("./SidebarDividerNext.st.css.js");
var _Divider = _interopRequireDefault(require("../Divider"));
var _SidebarNextContext = require("../SidebarNext/SidebarNextContext");
var _SidebarDividerNext2 = require("./SidebarDividerNext.constants");
var _context = require("../WixDesignSystemProvider/context");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SidebarDividerNext/SidebarDividerNext.tsx";
/** A divider within the sidebar that supports inner and full mode */
class SidebarDividerNext extends _react.default.PureComponent {
  render() {
    var {
      dataHook,
      fullWidth
    } = this.props;
    return /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 16,
        columnNumber: 7
      }
    }, () => /*#__PURE__*/_react.default.createElement(_SidebarNextContext.SidebarNextContext.Consumer, {
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 18,
        columnNumber: 11
      }
    }, context => {
      var skin = (context == null ? void 0 : context.skin) || _SidebarDividerNext2.SKINS.dark;
      return /*#__PURE__*/_react.default.createElement("div", {
        "data-hook": dataHook,
        "data-skin": skin,
        "data-full-width": fullWidth,
        className: (0, _SidebarDividerNextSt.st)(_SidebarDividerNextSt.classes.root, fullWidth ? _SidebarDividerNextSt.classes.fullWidth : ''),
        "aria-hidden": "true",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 23,
          columnNumber: 17
        }
      }, /*#__PURE__*/_react.default.createElement(_Divider.default, {
        className: (0, _SidebarDividerNextSt.st)(_SidebarDividerNextSt.classes.divider, {
          skin
        }),
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 33,
          columnNumber: 19
        }
      }));
    }));
  }
}
SidebarDividerNext.displayName = 'SidebarDividerNext';
var _default = exports.default = SidebarDividerNext;
//# sourceMappingURL=SidebarDividerNext.js.map