@wix/design-system
Version:
@wix/design-system
61 lines (60 loc) • 1.89 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 _SkeletonGroupSt = require("./SkeletonGroup.st.css.js");
var _SkeletonGroupAPI = require("./SkeletonGroupAPI");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SkeletonGroup/SkeletonGroup.tsx";
/** SkeletonGroup */
function SkeletonGroup(_ref) {
var {
dataHook,
className,
skin = 'light',
children,
backgroundColor
} = _ref;
return /*#__PURE__*/_react.default.createElement("div", {
"data-hook": dataHook,
className: (0, _SkeletonGroupSt.st)(_SkeletonGroupSt.classes.root, className),
style: {
[_SkeletonGroupSt.vars['color']]: backgroundColor
},
"data-status": "loading",
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 16,
columnNumber: 5
}
}, /*#__PURE__*/_react.default.createElement(_SkeletonGroupAPI.SkeletonGroupContext.Provider, {
value: {
skin
},
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 24,
columnNumber: 7
}
}, children), /*#__PURE__*/_react.default.createElement("div", {
className: _SkeletonGroupSt.classes.animator,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 27,
columnNumber: 7
}
}));
}
SkeletonGroup.displayName = 'SkeletonGroup';
SkeletonGroup.propTypes = {
dataHook: _propTypes.default.string,
className: _propTypes.default.string,
skin: _propTypes.default.oneOf(['dark', 'light']),
backgroundColor: _propTypes.default.string
};
var _default = exports.default = SkeletonGroup;
//# sourceMappingURL=SkeletonGroup.js.map