@radix-ui/themes/dist/esm/components/spinner.js

[](https://radix-ui.com/themes)

import*as n from"react";import f from"classnames";import{Flex as p}from"./flex.js";import{spinnerPropDefs as l}from"./spinner.props.js";import{extractProps as d}from"../helpers/extract-props.js";import{marginPropDefs as P}from"../props/margin.props.js";const s=n.forwardRef((i,o)=>{const{className:a,children:e,loading:t,...m}=d(i,l,P);if(!t)return e;const r=n.createElement("span",{...m,ref:o,className:f("rt-Spinner",a)},n.createElement("span",{className:"rt-SpinnerLeaf"}),n.createElement("span",{className:"rt-SpinnerLeaf"}),n.createElement("span",{className:"rt-SpinnerLeaf"}),n.createElement("span",{className:"rt-SpinnerLeaf"}),n.createElement("span",{className:"rt-SpinnerLeaf"}),n.createElement("span",{className:"rt-SpinnerLeaf"}),n.createElement("span",{className:"rt-SpinnerLeaf"}),n.createElement("span",{className:"rt-SpinnerLeaf"}));return e===void 0?r:n.createElement(p,{asChild:!0,position:"relative",align:"center",justify:"center"},n.createElement("span",null,n.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},e),n.createElement(p,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},n.createElement("span",null,r))))});s.displayName="Spinner";export{s as Spinner};
//# sourceMappingURL=spinner.js.map