"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61226],{61226:(n,t,e)=>{e.r(t),e.d(t,{default:()=>r});var l=e(29747),a=e(44364),c=e(63381);let o={btn:[(0,e(36384)._R)(12,15),{"& svg":{fill:a.l.LIGHT.GRAY_70},"&:hover":{background:a.l.LIGHT.GRAY_10,border:"1px solid ".concat(a.l.LIGHT.GRAY_70)},alignItems:"center",background:"transparent",border:"1px solid ".concat(a.l.LIGHT.GRAY_20),borderRadius:50,color:a.l.LIGHT.GRAY_70,display:"inline-flex",fontWeight:700,justifyContent:"center",padding:"".concat(c.E.SIZE_10,"px ").concat(c.E.SIZE_15,"px")}],btnActive:{background:a.l.GLOBAL.BLACK,color:a.l.GLOBAL.WHITE,"& svg":{fill:a.l.GLOBAL.WHITE}}},r=function(n){let{checked:t,isDisabled:e,onClick:a,children:c,customButtonStyles:r}=n,i=async()=>{e||await a(!t)};return(0,l.Y)("button",{"aria-disabled":e,onClick:i,css:[o.btn,t&&o.btnActive,r],disabled:e,"data-component":"ToggleButton",children:c})}}}]);