@wix/design-system
Version:
@wix/design-system
16 lines • 1.06 kB
JavaScript
import React from 'react';
import { st, classes } from './SkeletonLine.st.css.js';
import { DEFAULT_WIDTH, HEIGHT } from './constants';
import { DEFAULT_SKIN } from '../SkeletonGroup/SkeletonGroup.constants';
import Box from '../Box';
import { SkeletonGroupContext } from '../SkeletonGroup';
const SkeletonLine = ({ dataHook, className, width = DEFAULT_WIDTH, margin, marginLeft, marginRight, marginTop, marginBottom, }) => {
return (React.createElement(SkeletonGroupContext.Consumer, null, context => {
const skin = (context && context.skin) || DEFAULT_SKIN;
return (React.createElement("div", { "data-hook": dataHook, className: className, "data-width": width, "data-skin": skin },
React.createElement(Box, { height: HEIGHT, width: width, margin: margin, marginLeft: marginLeft, marginRight: marginRight, marginTop: marginTop, marginBottom: marginBottom, className: st(classes.root, { skin }) })));
}));
};
SkeletonLine.displayName = 'SkeletonLine';
export default SkeletonLine;
//# sourceMappingURL=SkeletonLine.js.map