wix-style-react/dist/es/src/SkeletonGroup/SkeletonGroup.js

wix-style-react

import React from 'react';
import PropTypes from 'prop-types';
import { st, classes, vars } from './SkeletonGroup.st.css';
import { SkeletonGroupContext } from './SkeletonGroupAPI';
/** SkeletonGroup */
class SkeletonGroup extends React.PureComponent {
    render() {
        const { dataHook, className, skin, children, backgroundColor } = this.props;
        return (React.createElement("div", { "data-hook": dataHook, className: st(classes.root, className), style: {
                [vars['color']]: backgroundColor,
            }, "data-status": "loading" },
            React.createElement(SkeletonGroupContext.Provider, { value: { skin } }, children),
            React.createElement("div", { className: classes.animator })));
    }
}
SkeletonGroup.displayName = 'SkeletonGroup';
SkeletonGroup.propTypes = {
    /** Applied as data-hook HTML attribute that can be used in the tests */
    dataHook: PropTypes.string,
    /** A css class to be applied to the component's root element */
    className: PropTypes.string,
    /** Effects the color of the Skeleton */
    skin: PropTypes.oneOf(['dark', 'light']),
    /** The background on which the skeleton is rendered */
    backgroundColor: PropTypes.string,
};
SkeletonGroup.defaultProps = { skin: 'light' };
export default SkeletonGroup;
//# sourceMappingURL=SkeletonGroup.js.map