import{j as t}from"./vendor/react-core.BVwI4Idz.min.js";import{ap as x,ar as g,av as s,aw as c,aU as l,aC as u,dM as j,dN as y,t as r,aD as b,a7 as f,a8 as C}from"../assets/layouts-C6kRnhfd.js";const w=x(()=>{const e=g(),a=u("buttonSwitch"),n=a("button",{display:"flex",lineHeight:s(1.25),minHeight:s(30),padding:s(0),paddingBottom:s(4),paddingLeft:s(14),paddingRight:s(14),paddingTop:s(4),textAlign:"start",textDecoration:"none",userSelect:"none",width:c(100)}),o=a("checkbox",{flexGrow:1}),i=a("checkContainer",{display:"flex",alignItems:"center",justifyContent:"center",color:e.mainColors.primary.toString(),width:c(100),height:l(18),flexBasis:l(18),marginLeft:"auto"});return{container:n,itemLabel:o,checkContainer:i}});function L(e){const a=j(),n=w(),{isLoading:o,status:i,onClick:d,label:h}=e,m=i?t.jsxs(t.Fragment,{children:[t.jsx(y,{"aria-hidden":!0}),t.jsx("span",{className:a.visuallyHidden,children:r("on")})]}):t.jsx(t.Fragment,{children:t.jsx("span",{className:a.visuallyHidden,children:r("off")})}),p=t.jsxs(t.Fragment,{children:[t.jsx("span",{className:n.itemLabel,children:h}),t.jsx("span",{className:b(n.checkContainer,"sc-only"),children:o?t.jsx(f,{}):m})]});return t.jsx(C,{onClick:d,role:"switch","aria-checked":i,disabled:e.isLoading,children:p})}export{L as D};
