azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 895 B
JavaScript
import"../../CommonImports";import"../../Core/core.css";import"./Spinner.css";import*as React from"react";import{announce}from"../../Core/Util/Accessibility";import{css,getSafeId}from"../../Util";import{SpinnerOrientation,SpinnerSize}from"./Spinner.Props";const Spinner=e=>{const{ariaLabel:i,ariaLive:n,className:r,id:t,label:a,orientation:o=SpinnerOrientation.column,size:s=SpinnerSize.medium}=e;return React.useEffect(()=>{"assertive"!==n&&"polite"!==n||announce(i||a,"assertive"===n)},[]),React.createElement("div",{"aria-label":i,"aria-live":n,className:css(r,"bolt-spinner",o===SpinnerOrientation.column?"flex-column text-center rhythm-vertical-8":"flex-row flex-center rhythm-horizontal-8"),id:getSafeId(t)},React.createElement("div",{className:css("bolt-spinner-circle",s)}),a&&React.createElement("div",{className:"bolt-spinner-label"},a))};Spinner.displayName="Spinner";export{Spinner};