{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Checkbox/withRef.tsx\";\n\nimport React from 'react';\nimport { Checkbox, Icon, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport Platform from \"react-native-web/dist/exports/Platform\";\nexport var Example = function Example() {\n  var myRef = React.useRef();\n\n  var _React$useState = React.useState('#fa000050'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      bg = _React$useState2[0],\n      setBg = _React$useState2[1];\n\n  React.useEffect(function () {\n    var styleObj = {\n      backgroundColor: bg\n    };\n\n    if (Platform.OS !== 'web') {\n      var _myRef$current;\n\n      myRef == null ? void 0 : (_myRef$current = myRef.current) == null ? void 0 : _myRef$current.setNativeProps({\n        style: styleObj\n      });\n    } else {\n      var _myRef$current2;\n\n      myRef == null ? void 0 : (_myRef$current2 = myRef.current) == null ? void 0 : _myRef$current2.setNativeProps({\n        style: styleObj\n      });\n    }\n  }, [myRef, bg]);\n  return React.createElement(Box, {\n    alignItems: \"flex-start\"\n  }, React.createElement(Checkbox, {\n    value: \"success\",\n    colorScheme: \"success\",\n    icon: React.createElement(Icon, {\n      as: MaterialCommunityIcons,\n      name: \"bullseye\",\n      opacity: 1\n    }),\n    wrapperRef: myRef,\n    onChange: function onChange(state) {\n      if (state) {\n        setBg('#00de0050');\n      } else {\n        setBg('#fa000050');\n      }\n    }\n  }, \"Archery\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Checkbox/withRef.tsx"],"names":["React","Checkbox","Icon","Box","MaterialCommunityIcons","Example","myRef","useRef","useState","bg","setBg","useEffect","styleObj","backgroundColor","Platform","OS","current","setNativeProps","style","state"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,GAAzB;AACA,SAASC,sBAAT,QAAuC,oBAAvC;;AAGA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAGN,KAAK,CAACO,MAAN,EAAd;;AAD2B,wBAEPP,KAAK,CAACQ,QAAN,CAAe,WAAf,CAFO;AAAA;AAAA,MAEpBC,EAFoB;AAAA,MAEhBC,KAFgB;;AAG3BV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AACpB,QAAMC,QAAQ,GAAG;AACfC,MAAAA,eAAe,EAAEJ;AADF,KAAjB;;AAGA,QAAIK,QAAQ,CAACC,EAAT,KAAgB,KAApB,EAA2B;AAAA;;AAEzBT,MAAAA,KAAK,QAAL,8BAAAA,KAAK,CAAEU,OAAP,oCAAgBC,cAAhB,CAA+B;AAC7BC,QAAAA,KAAK,EAAEN;AADsB,OAA/B;AAGD,KALD,MAKO;AAAA;;AAELN,MAAAA,KAAK,QAAL,+BAAAA,KAAK,CAAEU,OAAP,qCAAgBC,cAAhB,CAA+B;AAAEC,QAAAA,KAAK,EAAEN;AAAT,OAA/B;AACD;AACF,GAbD,EAaG,CAACN,KAAD,EAAQG,EAAR,CAbH;AAcA,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAC,SADR;AAEE,IAAA,WAAW,EAAC,SAFd;AAGE,IAAA,IAAI,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAEL,sBAAV;AAAkC,MAAA,IAAI,EAAC,UAAvC;AAAkD,MAAA,OAAO,EAAE;AAA3D,MAHR;AAIE,IAAA,UAAU,EAAEE,KAJd;AAKE,IAAA,QAAQ,EAAE,kBAACa,KAAD,EAAW;AACnB,UAAIA,KAAJ,EAAW;AACTT,QAAAA,KAAK,CAAC,WAAD,CAAL;AACD,OAFD,MAEO;AACLA,QAAAA,KAAK,CAAC,WAAD,CAAL;AACD;AACF;AAXH,eADF,CADF;AAmBD,CApCM","sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, Box } from 'native-base';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Platform } from 'react-native';\n\nexport const Example = () => {\n  const myRef = React.useRef();\n  const [bg, setBg] = React.useState('#fa000050');\n  React.useEffect(() => {\n    const styleObj = {\n      backgroundColor: bg,\n    };\n    if (Platform.OS !== 'web') {\n      // @ts-ignore\n      myRef?.current?.setNativeProps({\n        style: styleObj,\n      });\n    } else {\n      // @ts-ignore\n      myRef?.current?.setNativeProps({ style: styleObj });\n    }\n  }, [myRef, bg]);\n  return (\n    <Box alignItems=\"flex-start\">\n      <Checkbox\n        value=\"success\"\n        colorScheme=\"success\"\n        icon={<Icon as={MaterialCommunityIcons} name=\"bullseye\" opacity={1} />}\n        wrapperRef={myRef}\n        onChange={(state) => {\n          if (state) {\n            setBg('#00de0050');\n          } else {\n            setBg('#fa000050');\n          }\n        }}\n      >\n        Archery\n      </Checkbox>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}