sui-explorer-local

Version:
Local Sui Explorer
12 lines (11 loc) • 1.6 kB
JavaScript
import{j as r}from"./jsx-runtime-ffb262ed.js";import{m as a}from"./motion-b354e7ba.js";import{T as c}from"./Text-6932fd32.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./SVGVisualElement-4900b852.js";import"./index-dca19ccf.js";import"./sizeAndWeight-05769a6b.js";function t({progress:e}){return r.jsx(a.svg,{className:"rotate-90",viewBox:"0 0 16 16",children:r.jsx(a.circle,{fill:"none",cx:"8",cy:"8",r:"5",strokeLinecap:e===100?"butt":"round",strokeWidth:1.5,stroke:"currentColor",pathLength:0,animate:{pathLength:e===100?1.5:e/100,type:"spring",transition:{duration:1}}})})}try{t.displayName="ProgressCircle",t.__docgenInfo={description:"",displayName:"ProgressCircle",props:{progress:{defaultValue:null,description:"",name:"progress",required:!0,type:{name:"number"}}}}}catch{}const y={component:t},s={args:{progress:50},render:e=>r.jsxs("div",{className:"justify flex items-center text-steel-darker",children:[r.jsx("div",{className:"w-4",children:r.jsx(t,{...e})}),r.jsx(c,{variant:"bodySmall/medium",children:"50%"})]})};var o,i,n;s.parameters={...s.parameters,docs:{...(o=s.parameters)==null?void 0:o.docs,source:{originalSource:`{
  args: {
    progress: 50
  },
  render: args => <div className="justify flex items-center text-steel-darker">
            <div className="w-4">
                <ProgressCircle {...args} />
            </div>
            <Text variant="bodySmall/medium">50%</Text>
        </div>
}`,...(n=(i=s.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};const _=["Default"];export{s as Default,_ as __namedExportsOrder,y as default};