import './index.css';
import { jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import classnames from 'classnames';
import { LoaderOutlinedSize16Glyph } from './variants/icon/LoaderOutlinedSize16.js';
import { LoaderOutlinedSize24Glyph } from './variants/icon/LoaderOutlinedSize24.js';
import { LoaderOutlinedSize32Glyph } from './variants/icon/LoaderOutlinedSize32.js';
import { LoaderOutlinedSize48Glyph } from './variants/icon/LoaderOutlinedSize48.js';
import { LoaderOutlinedSize64Glyph } from './variants/icon/LoaderOutlinedSize64.js';
import { LoaderOutlinedSize96Glyph } from './variants/icon/LoaderOutlinedSize96.js';

var styles = {"spinner":"magritte-spinner___OPjRZ_14-2-6","spin":"magritte-spin___Dw1MB_14-2-6"};

const LOADER_BY_SIZE = {
    16: LoaderOutlinedSize16Glyph,
    24: LoaderOutlinedSize24Glyph,
    32: LoaderOutlinedSize32Glyph,
    48: LoaderOutlinedSize48Glyph,
    64: LoaderOutlinedSize64Glyph,
    96: LoaderOutlinedSize96Glyph,
};
const LoaderGlyph = forwardRef(({ size, ...props }, ref) => {
    const Glyph = LOADER_BY_SIZE[size];
    return jsx(Glyph, { ...props, className: classnames(props.className, styles.spinner), ref: ref });
});
LoaderGlyph.displayName = 'LoaderGlyph';

export { LoaderGlyph };
//# sourceMappingURL=LoaderGlyph.js.map
