{"version":3,"file":"toggle-switch-b5d71a14.js","sources":["../../../../src/scripts/react-components/toggle-switch.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\ntype ToggleSwitchProps = {\n  onValueChange: (value: string) => void;\n  values: Array<{ value: string; label: string; dataLayer?: string }>;\n  defaultValue?: string;\n};\n\nfunction ToggleSwitch({\n  onValueChange,\n  values,\n  defaultValue\n}: ToggleSwitchProps) {\n  const [value, setValue] = useState<string>(defaultValue || '');\n\n  const handleClick = (val: string) => {\n    if (val !== value) {\n      setValue(val);\n      onValueChange(val);\n    }\n  };\n\n  useEffect(() => {\n    if (defaultValue && defaultValue !== value) {\n      handleClick(defaultValue);\n    }\n  }, [defaultValue]);\n\n  return (\n    <div className=\"toggle-switch\">\n      {values.map((val, index) => (\n        <button\n          disabled={val.value === value}\n          key={index}\n          className={`toggle-switch__button ${\n            val.value === value ? 'active' : ''\n          }`}\n          onClick={() => handleClick(val.value)}\n          data-layer={[val.dataLayer]}\n        >\n          {val.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nexport default ToggleSwitch;\n"],"names":["ToggleSwitch","onValueChange","values","defaultValue","value","setValue","useState","handleClick","val","useEffect","React","index"],"mappings":"gDAQA,SAASA,EAAa,CACpB,cAAAC,EACA,OAAAC,EACA,aAAAC,CACF,EAAsB,CACpB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiBH,GAAgB,EAAE,EAEvDI,EAAeC,GAAgB,CAC/BA,IAAQJ,IACVC,EAASG,CAAG,EACZP,EAAcO,CAAG,EACnB,EAGFC,OAAAA,EAAAA,UAAU,IAAM,CACVN,GAAgBA,IAAiBC,GACnCG,EAAYJ,CAAY,CAC1B,EACC,CAACA,CAAY,CAAC,EAGfO,EAAA,cAAC,OAAI,UAAU,eAAA,EACZR,EAAO,IAAI,CAACM,EAAKG,IAChBD,EAAA,cAAC,SAAA,CACC,SAAUF,EAAI,QAAUJ,EACxB,IAAKO,EACL,UAAW,yBACTH,EAAI,QAAUJ,EAAQ,SAAW,KAEnC,QAAS,IAAMG,EAAYC,EAAI,KAAK,EACpC,aAAY,CAACA,EAAI,SAAS,CAAA,EAEzBA,EAAI,KAER,CAAA,CACH,CAEJ"}