import * as React from 'react';
import { styled, classNamesFunction } from '../../Utilities';
import { getStyles } from './GroupSpacer.styles';
export var getClassNames = classNamesFunction();
var SPACER_WIDTH = 36;
export var GroupSpacer = styled(function (props) {
    var count = props.count, styles = props.styles, theme = props.theme, _a = props.indentWidth, indentWidth = _a === void 0 ? SPACER_WIDTH : _a;
    var classNames = getClassNames(styles, {
        theme: theme
    });
    return count > 0 ? React.createElement("span", { className: classNames.root, style: { width: count * indentWidth } }) : null;
}, getStyles, undefined, { scope: 'GroupSpacer' });
//# sourceMappingURL=GroupSpacer.js.map