@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 s}from"./flex.js";import{spinnerPropDefs as l}from"./spinner.props.js";import{extractProps as d}from"../helpers/index.js";import{marginPropDefs as P}from"../props/index.js";const p=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(s,{asChild:!0,position:"relative",align:"center",justify:"center"},n.createElement("span",null,n.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:""},e),n.createElement(s,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},n.createElement("span",null,r))))});p.displayName="Spinner";export{p as Spinner};
//# sourceMappingURL=spinner.js.map