{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Checkbox, Icon } 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\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\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 _jsx(Checkbox, {\n    value: \"success\",\n    colorScheme: \"success\",\n    icon: _jsx(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    children: \"Archery\"\n  });\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","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;AACA,SAASC,sBAAT,QAAuC,oBAAvC;;;AAGA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAGL,KAAK,CAACM,MAAN,EAAd;;AAD2B,wBAEPN,KAAK,CAACO,QAAN,CAAe,WAAf,CAFO;AAAA;AAAA,MAEpBC,EAFoB;AAAA,MAEhBC,KAFgB;;AAG3BT,EAAAA,KAAK,CAACU,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,KAAC,QAAD;AACE,IAAA,KAAK,EAAC,SADR;AAEE,IAAA,WAAW,EAAC,SAFd;AAGE,IAAA,IAAI,EAAE,KAAC,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,KAXH;AAAA;AAAA,IADF;AAiBD,CAlCM","sourcesContent":["import React from 'react';\nimport { Checkbox, Icon } 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    <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  );\n};\n"]},"metadata":{},"sourceType":"module"}