UNPKG

monday-ui-react-core

Version:

Official monday.com UI resources for application development in React.js

github.com/mondaycom/vibe

mondaycom/vibe

3 lines (2 loc) • 1.28 kB
1
2
3
import e,{forwardRef as r,useMemo as t}from"react";import s from"classnames";import{backwardCompatibilityForProperties as a}from"../../helpers/backwardCompatibilityForProperties.js";import{LoaderSizes as o,LoaderColors as i}from"./LoaderConstants.js";import{getTestId as c}from"../../tests/testIds.js";import{withStaticProps as l}from"../../types/withStaticProps.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import m from"./Loader.module.scss.js";var d=l(r((function(r,o){var i=r.wrapperClassName,l=r.size,d=r.color,p=r.hasBackground,f=void 0!==p&&p,h=r.id,u=r["data-testid"],v=a([r.className,r.svgClassName],""),N=t((function(){if("number"==typeof l)return{width:l,height:l}}),[l]);return e.createElement("div",{className:s(m.loaderContainer,i),ref:o,role:"alert",title:"loading",style:N,id:h,"data-testid":u||c(n.LOADER,h)},e.createElement("svg",{className:s(m.circleLoaderSpinner,v),viewBox:"0 0 50 50",color:d,"aria-hidden":!0},f&&e.createElement("circle",{className:m.circleLoaderSpinnerBackground,cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"}),e.createElement("circle",{className:m.circleLoaderSpinnerPath,cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))})),{sizes:o,colors:i});export{d as default}; //# sourceMappingURL=Loader.js.map