import React from 'react';
import classNames from 'classnames';
import { keysOf } from '../common';
const sizeToClassNameMap = {
    m: 'softLoadingChart--medium',
    l: 'softLoadingChart--large',
    xl: 'softLoadingChart--xLarge',
};
export const SIZES = keysOf(sizeToClassNameMap);
export const SoftLoadingChart = ({ size = 'm', mono = false, className, ...rest }) => {
    const classes = classNames('softLoadingChart', { 'softLoadingChart--mono': mono }, className, sizeToClassNameMap[size]);
    return (React.createElement("span", Object.assign({ className: classes }, rest),
        React.createElement("span", { className: "softLoadingChart__bar" }),
        React.createElement("span", { className: "softLoadingChart__bar" }),
        React.createElement("span", { className: "softLoadingChart__bar" }),
        React.createElement("span", { className: "softLoadingChart__bar" })));
};
//# sourceMappingURL=SoftLoadingChart.js.map