import { jsx as _jsx } from "react/jsx-runtime";
import { classNames } from '../utils/classNames';
import { loaderClassnames } from './constants';
import { StyledSvgIcon, Wrapper } from './styles';
export const Loader = ({ size = 'medium', color = 'primary', className, style, }) => {
    return (_jsx(Wrapper, { className: classNames(className, loaderClassnames.root), "$size": size, "$color": color, "data-color": color, role: "progressbar", style: style, children: _jsx(StyledSvgIcon, { viewBox: "22 22 44 44", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: _jsx("circle", { cx: "44", cy: "44", r: "20.2", fill: "none", stroke: "currentColor", strokeWidth: "3.6", strokeDasharray: "80, 200", strokeDashoffset: "0" }) }) }));
};
