@wix/design-system
Version:
@wix/design-system
66 lines (65 loc) • 2.05 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _SkeletonLineSt = require("./SkeletonLine.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/SkeletonLine/SkeletonLine.tsx";
var SkeletonLine = _ref => {
var {
dataHook,
className,
width = _constants.DEFAULT_WIDTH,
margin,
marginLeft,
marginRight,
marginTop,
marginBottom
} = _ref;
return /*#__PURE__*/_react.default.createElement(_SkeletonGroup2.SkeletonGroupContext.Consumer, {
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 20,
columnNumber: 5
}
}, context => {
var skin = context && context.skin || _SkeletonGroup.DEFAULT_SKIN;
return /*#__PURE__*/_react.default.createElement("div", {
"data-hook": dataHook,
className: className,
"data-width": width,
"data-skin": skin,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 24,
columnNumber: 11
}
}, /*#__PURE__*/_react.default.createElement(_Box.default, {
height: _constants.HEIGHT,
width: width,
margin: margin,
marginLeft: marginLeft,
marginRight: marginRight,
marginTop: marginTop,
marginBottom: marginBottom,
className: (0, _SkeletonLineSt.st)(_SkeletonLineSt.classes.root, {
skin
}),
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 30,
columnNumber: 13
}
}));
});
};
SkeletonLine.displayName = 'SkeletonLine';
var _default = exports.default = SkeletonLine;
//# sourceMappingURL=SkeletonLine.js.map