{"version":3,"file":"SubscribeToggle-RRpmOTSW.js","sources":["../../../app/javascript/components/HomepageHero/HeroComponents/SubscribeToggle.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Flex, Card, Toggle, Body } from \"playbook-ui\";\n\nconst SubscribeToggleCard = () => {\n  const [isSubscribed, setIsSubscribed] = useState(true);\n  const handleSetIsSubscribed = ({ target }) => {\n    setIsSubscribed((target.value = !isSubscribed));\n  };\n\n  return (\n    <Flex\n      className=\"subscribe_toggle component_example\"\n      cursor=\"pointer\"\n      hover={{ scale: \"sm\" }}\n    >\n      <Card\n        className=\"card-min-width\"\n        borderNone\n        borderRadius=\"xl\"\n        shadow=\"deepest\"\n        paddingY=\"sm\"\n      >\n        <Flex align=\"center\" justify=\"between\" gap=\"xs\">\n          <Toggle>\n            <input\n              onChange={handleSetIsSubscribed}\n              checked={isSubscribed}\n              type=\"checkbox\"\n            />\n          </Toggle>\n          <Body\n            color=\"light\"\n            text={\n              isSubscribed === true\n                ? \"Subscribed to weekly updates\"\n                : \"Subscribe to weekly updates\"\n            }\n          />\n        </Flex>\n      </Card>\n    </Flex>\n  );\n};\n\nexport default SubscribeToggleCard;\n"],"names":["SubscribeToggleCard","isSubscribed","setIsSubscribed","useState","handleSetIsSubscribed","target","jsx","Flex","Card","Toggle","Body"],"mappings":"4LAGA,MAAMA,EAAsB,IAAM,CAChC,KAAM,CAACC,EAAcC,CAAe,EAAIC,WAAS,EAAI,EAC/CC,EAAwB,CAAC,CAAE,OAAAC,KAAa,CAC3BH,EAAAG,EAAO,MAAQ,CAACJ,CAAa,CAAA,EAI9C,OAAAK,EAAA,IAACC,EAAA,CACC,UAAU,qCACV,OAAO,UACP,MAAO,CAAE,MAAO,IAAK,EAErB,SAAAD,EAAA,IAACE,EAAA,CACC,UAAU,iBACV,WAAU,GACV,aAAa,KACb,OAAO,UACP,SAAS,KAET,gBAACD,EAAK,CAAA,MAAM,SAAS,QAAQ,UAAU,IAAI,KACzC,SAAA,CAAAD,MAACG,EACC,CAAA,SAAAH,EAAA,IAAC,QAAA,CACC,SAAUF,EACV,QAASH,EACT,KAAK,UAAA,CAAA,EAET,EACAK,EAAA,IAACI,EAAA,CACC,MAAM,QACN,KACET,IAAiB,GACb,+BACA,6BAAA,CAER,CAAA,EACF,CAAA,CACF,CAAA,CAAA,CAGN"}