retro-react/dist/esm/components/spinner/Spinner.js

A React component library for building retro-style websites

import{__rest as s}from"../../_virtual/_tslib.js";import{forwardRef as i}from"react";import{jsxs as e,jsx as o}from"../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js";import{classNames as r}from"../../utils/classNames.js";import a from"../../constants/commonClassNames.js";import{DotsSpinner as t,BarsSpinner as m,Wrapper as d,HourglassSpinner as n,Dot as l,Bar as c,RotatingSpinner as v}from"./Spinner.styled.js";const u=i(((i,u)=>{var{id:p,className:j,children:h,variant:f="hourglass",size:g="medium",sx:b}=i,x=s(i,["id","className","children","variant","size","sx"]);return e(d,Object.assign({ref:u,className:r("spinner-root",j,a)},x,{sx:b,role:"status","aria-label":"Loading"},{children:["hourglass"===f&&o(n,{$size:g},void 0),"dots"===f&&e(t,Object.assign({$size:g},{children:[o(l,{},void 0),o(l,{},void 0),o(l,{},void 0)]}),void 0),"bars"===f&&e(m,Object.assign({$size:g},{children:[o(c,{},void 0),o(c,{},void 0),o(c,{},void 0),o(c,{},void 0)]}),void 0),"rotating"===f&&o(v,{$size:g},void 0)]}),void 0)}));u.displayName="Spinner";export{u as Spinner};