import React from 'react';
import { st, classes, vars } from './SkeletonGroup.st.css.js';
import { SkeletonGroupContext } from './SkeletonGroupAPI';
/** SkeletonGroup */
function SkeletonGroup({ dataHook, className, skin = 'light', children, backgroundColor, }) {
    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';
export default SkeletonGroup;
//# sourceMappingURL=SkeletonGroup.js.map