@wix/design-system
Version:
@wix/design-system
66 lines (65 loc) • 2.32 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _SkeletonCircleSt = require("./SkeletonCircle.st.css.js");
var _SkeletonCircle = require("./SkeletonCircle.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/SkeletonCircle/SkeletonCircle.tsx";
/** SkeletonCircle */
function SkeletonCircle(_ref) {
var dataHook = _ref.dataHook,
className = _ref.className,
_ref$diameter = _ref.diameter,
diameter = _ref$diameter === void 0 ? _SkeletonCircle.DEFAULT_DIAMETER : _ref$diameter,
margin = _ref.margin,
marginLeft = _ref.marginLeft,
marginRight = _ref.marginRight,
marginTop = _ref.marginTop,
marginBottom = _ref.marginBottom;
return /*#__PURE__*/_react.default.createElement(_SkeletonGroup2.SkeletonGroupContext.Consumer, {
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 21,
columnNumber: 5
}
}, context => {
var skin = (context == null ? void 0 : context.skin) || _SkeletonGroup.DEFAULT_SKIN;
return /*#__PURE__*/_react.default.createElement("div", {
"data-hook": dataHook,
className: className,
"data-diameter": diameter,
"data-skin": skin,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 25,
columnNumber: 11
}
}, /*#__PURE__*/_react.default.createElement(_Box.default, {
width: diameter,
height: diameter,
margin: margin,
marginLeft: marginLeft,
marginRight: marginRight,
marginTop: marginTop,
marginBottom: marginBottom,
className: (0, _SkeletonCircleSt.st)(_SkeletonCircleSt.classes.root, {
skin
}),
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 31,
columnNumber: 13
}
}));
});
}
SkeletonCircle.displayName = 'SkeletonCircle';
var _default = exports.default = SkeletonCircle;
//# sourceMappingURL=SkeletonCircle.js.map