sate-lib/lib/components/progress-indicator/progress-indicator.js

A lightweight and modular React component library designed for modern web interfaces. **SATE Lib** powers the [sate.menu](https://sate.menu) platform with reusable, scalable, and themeable UI components.

import{jsx as o,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useId as s}from"react";import e from"./progress-indicator.styles.module.js";function c({size:t=32},c){let i=s();return r("svg",{className:e.root,height:t,ref:c,viewBox:"0 0 200 200",width:t,xmlns:"http://www.w3.org/2000/svg",children:[r("radialGradient",{cx:".66",cy:".3125",fx:".66",fy:".3125",gradientTransform:"scale(1.5)",id:i,children:[o("stop",{offset:"0",stopColor:"currentColor",stopOpacity:"0"}),o("stop",{offset:".3",stopColor:"currentColor",stopOpacity:".3"}),o("stop",{offset:".6",stopColor:"currentColor",stopOpacity:".6"}),o("stop",{offset:".8",stopColor:"currentColor",stopOpacity:".8"}),o("stop",{offset:"1",stopColor:"currentColor",stopOpacity:"1"})]}),o("circle",{cx:"100",cy:"100",fill:"none",r:"75",stroke:`url(#${i})`,strokeDasharray:"200 1000",strokeDashoffset:"0",strokeLinecap:"round",strokeWidth:"12"}),o("circle",{cx:"100",cy:"100",fill:"none",opacity:".2",r:"75",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"12"})]})}let i=t(c);export{c as ProgressIndicator,i as default};