@wix/design-system
Version:
@wix/design-system
78 lines (77 loc) • 2.91 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
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,
className,
diameter = _SkeletonCircle.DEFAULT_DIAMETER,
margin,
marginLeft,
marginRight,
marginTop,
marginBottom
} = _ref;
return /*#__PURE__*/_react.default.createElement(_SkeletonGroup2.SkeletonGroupContext.Consumer, {
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 22,
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: 26,
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: 32,
columnNumber: 13
}
}));
});
}
SkeletonCircle.displayName = 'SkeletonCircle';
SkeletonCircle.propTypes = {
dataHook: _propTypes.default.string,
className: _propTypes.default.string,
diameter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
margin: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
marginTop: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
marginRight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
marginBottom: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
marginLeft: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
};
var _default = exports.default = SkeletonCircle;
//# sourceMappingURL=SkeletonCircle.js.map