{"version":3,"file":"SmallToggleSwitch-BprVr9It.js","sources":["../../../app/javascript/components/common/ToggleSwitch/SmallToggleSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./smallToggleSwitch.scss\";\n\ninterface SwitchProps {\n  /**\n   * Switch state\n   */\n  active?: boolean;\n  setActive: (active: boolean) => void;\n  disabled?: boolean;\n  propHandle: (e: React.ChangeEvent<HTMLInputElement>) => void | null;\n}\n\nexport const Switch: React.VFC<SwitchProps> = ({\n  active,\n  setActive,\n  disabled,\n  propHandle,\n  ...props\n}: SwitchProps): JSX.Element => {\n  const handleToggle = () => setActive(!active);\n\n  return (\n    <label className=\"switch\">\n      <input\n        type=\"checkbox\"\n        checked={active}\n        onChange={(e) => {\n          handleToggle();\n          if (propHandle) {\n            propHandle(e);\n          }\n        }}\n        disabled={disabled}\n      />\n      <div className=\"moving-area\">\n        <div className=\"switch-on\" />\n        <div className=\"switch-off\" />\n      </div>\n      <span className=\"switch-button\"></span>\n    </label>\n  );\n};\n"],"names":["Switch","active","setActive","disabled","propHandle","props","handleToggle","jsxs","jsx","e"],"mappings":"8CAaO,MAAMA,EAAiC,CAAC,CAC7C,OAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAgC,CAC9B,MAAMC,EAAe,IAAMJ,EAAU,CAACD,CAAM,EAG1C,OAAAM,EAAA,KAAC,QAAM,CAAA,UAAU,SACf,SAAA,CAAAC,EAAA,IAAC,QAAA,CACC,KAAK,WACL,QAASP,EACT,SAAWQ,GAAM,CACFH,EAAA,EACTF,GACFA,EAAWK,CAAC,CAEhB,EACA,SAAAN,CAAA,CACF,EACAI,EAAAA,KAAC,MAAI,CAAA,UAAU,cACb,SAAA,CAACC,EAAAA,IAAA,MAAA,CAAI,UAAU,WAAY,CAAA,EAC3BA,EAAAA,IAAC,MAAI,CAAA,UAAU,YAAa,CAAA,CAAA,EAC9B,EACAA,EAAAA,IAAC,OAAK,CAAA,UAAU,eAAgB,CAAA,CAAA,EAClC,CAEJ"}