import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as s,useMemo as a}from"react";import t from"classnames";import{backwardCompatibilityForProperties as i}from"../../helpers/backwardCompatibilityForProperties.js";import{LoaderSizes as o,LoaderColors as l}from"./LoaderConstants.js";import{getTestId as c}from"../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import d from"./Loader.module.scss.js";var m=s((function(s,o){var l=s.size,m=s.color,p=s.id,f=s["data-testid"],h=s.label,g=void 0!==h&&h,j=i([s.className,s.svgClassName],""),u=a((function(){if("number"==typeof l)return{width:l,height:l}}),[l]);return e("div",Object.assign({className:t("l3-loader-component",d.loaderContainer),ref:o,role:"alert",title:"loading",style:u,id:p,"data-testid":f||c(n.LOADER,p)},{children:[e("svg",Object.assign({className:t("circle-loader-spinner",d.circleLoaderSpinner,j),viewBox:"0 0 50 50",color:m,"aria-hidden":!0},{children:[r("circle",{className:d.circleLoaderSpinnerBackground,cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"}),r("circle",{className:t("circle-loader-spinner-path",d.circleLoaderSpinnerPath),cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})]})),g&&r("p",Object.assign({className:t(d.loaderLabel)},{children:"Uploading..."}))]}))}));Object.assign(m,{sizes:o,colors:l,defaultTestId:n.LOADER});var p=m;export{p as default};
