import React from 'react';
import { ToggleOn } from '@wix/wix-ui-icons-common/system';
import { st, classes } from './LinearProgressBar.st.css.js';
import LinearProgressBarCore from './LinearProgressBarCore';
import StatusIndicator from '../StatusIndicator';
import { dataHooks } from './LinearProgressBar.constants';
import { useIcons } from '../WixDesignSystemIconThemeProvider';
const defaultSkin = 'standard';
function LinearProgressBar({ errorMessage, skin = defaultSkin, light, dataHook, error, padding, ...otherProps }) {
    const icons = useIcons('LinearProgressBar', {
        ToggleOn,
    });
    return (React.createElement(LinearProgressBarCore, { "data-hook": dataHook, className: st(classes.root, { light, skin, padding }), "data-skin": skin, "data-padding": padding, ...otherProps, error: error, successIcon: React.createElement(icons.ToggleOn, null), errorIcon: React.createElement(StatusIndicator, { dataHook: dataHooks.errorIcon, status: "error", message: errorMessage }) }));
}
LinearProgressBar.displayName = 'LinearProgressBar';
export default LinearProgressBar;
//# sourceMappingURL=LinearProgressBar.js.map