@wix/design-system/dist/cjs/SkeletonRectangle/SkeletonRectangle.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 _SkeletonRectangleSt = require("./SkeletonRectangle.st.css.js");
var _constants = require("./constants");
var _SkeletonGroup = require("../SkeletonGroup/SkeletonGroup.constants");
var _Box = _interopRequireDefault(require("../Box"));
var _SkeletonGroup2 = require("../SkeletonGroup");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SkeletonRectangle/SkeletonRectangle.tsx";
function SkeletonRectangle(props) {
  var dataHook = props.dataHook,
    className = props.className,
    _props$height = props.height,
    height = _props$height === void 0 ? _constants.DEFAULT_HEIGHT : _props$height,
    _props$width = props.width,
    width = _props$width === void 0 ? _constants.DEFAULT_WIDTH : _props$width,
    margin = props.margin,
    marginLeft = props.marginLeft,
    marginRight = props.marginRight,
    marginTop = props.marginTop,
    marginBottom = props.marginBottom;
  return /*#__PURE__*/_react.default.createElement(_SkeletonGroup2.SkeletonGroupContext.Consumer, {
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 23,
      columnNumber: 5
    }
  }, context => {
    var skin = context && context.skin || _SkeletonGroup.DEFAULT_SKIN;
    return /*#__PURE__*/_react.default.createElement("div", {
      "data-hook": dataHook,
      className: className,
      "data-height": height,
      "data-width": width,
      "data-skin": skin,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 27,
        columnNumber: 11
      }
    }, /*#__PURE__*/_react.default.createElement(_Box.default, {
      height: height,
      width: width,
      margin: margin,
      marginLeft: marginLeft,
      marginRight: marginRight,
      marginTop: marginTop,
      marginBottom: marginBottom,
      className: (0, _SkeletonRectangleSt.st)(_SkeletonRectangleSt.classes.root, {
        skin
      }),
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 34,
        columnNumber: 13
      }
    }));
  });
}
SkeletonRectangle.displayName = 'SkeletonRectangle';
var _default = exports.default = SkeletonRectangle;
//# sourceMappingURL=SkeletonRectangle.js.map