https://archie-design-system.netlify.app/assets/status.stories.2588b3b9.js

1import{S as r,a as i,B as d}from"./stories-title.131c30ff.js";import{s as c,j as e,a as o}from"./index.55ce3db8.js";const n=c.div`
2  border-radius: 100%;
3  width: 1rem;
4  height: 1rem;
5`,a=c.div`
6  position: relative;
7  display: flex;
8  align-items: center;
9  gap: 0.75rem;
10
11  ${n} {
12    background-color: ${({theme:t,isOn:s})=>s?t.backgroundSuccess:t.backgroundTransparent};
13    border: 2px solid
14      ${({theme:t,isOn:s})=>s?t.textSuccess:t.textSecondary};
15  }
16
17  p {
18    color: ${({theme:t,isOn:s})=>s?t.textPrimary:t.textSecondary};
19  }
20`,y={title:"Components/Status",component:a,parameters:{layout:"fullscreen",options:{showPanel:!0}}},l=t=>e(r,{children:[o(i,{title:"Status",subtitle:"on"}),e(a,{...t,children:[o(n,{}),e(d,{weight:700,children:["auto-paymenys: ",t.isOn?"on":"off"]})]})]});l.args={isOn:!0};const u=t=>e(r,{children:[o(i,{title:"Status",subtitle:"off"}),e(a,{...t,children:[o(n,{}),e(d,{weight:700,children:["auto-paymenys: ",t.isOn?"on":"off"]})]})]});u.args={isOn:!1};typeof window<"u"&&window.document&&window.document.createElement&&document.documentElement.setAttribute("data-storyloaded","");export{u as Off,l as On,y as default};