import { a } from './chunk-TWGPE4V7.js';
import { cx } from '@onbeam/styled-system/css';
import { spinner, loadingBar } from '@onbeam/styled-system/recipes';
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

var i=a(({as:l="div",variant:p="bar",className:s,...r},o)=>{if(p==="spinner"){let d=spinner();return jsx(l,{ref:o,className:cx(d.root,s),...r,children:p==="spinner"&&jsxs(Fragment,{children:[jsx("div",{className:cx(d.paddle,d.paddle1)}),jsx("div",{className:cx(d.paddle,d.paddle2)}),jsx("div",{className:cx(d.paddle,d.paddle3)}),jsx("div",{className:cx(d.paddle,d.paddle4)}),jsx("div",{className:cx(d.paddle,d.paddle5)}),jsx("div",{className:cx(d.paddle,d.paddle6)}),jsx("div",{className:cx(d.paddle,d.paddle7)}),jsx("div",{className:cx(d.paddle,d.paddle8)}),jsx("div",{className:cx(d.paddle,d.paddle9)}),jsx("div",{className:cx(d.paddle,d.paddle10)}),jsx("div",{className:cx(d.paddle,d.paddle11)}),jsx("div",{className:cx(d.paddle,d.paddle12)})]})})}return jsx(l,{ref:o,className:cx(loadingBar(),s),...r})});i.displayName="Loader";

export { i as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-YT7VOOFF.js.map