{"ast":null,"code":"import React from 'react';\nimport { Center, Image } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var myRef = React.useRef(null);\n  React.useEffect(function () {\n    if (myRef.current && myRef.current.setNativeProps) {\n      var _myRef$current;\n\n      var styleObj = {\n        borderWidth: 4,\n        borderRadius: 4,\n        borderColor: '#22D3EE'\n      };\n      myRef == null ? void 0 : (_myRef$current = myRef.current) == null ? void 0 : _myRef$current.setNativeProps({\n        style: styleObj\n      });\n    }\n  }, [myRef]);\n  return React.createElement(Center, null, React.createElement(Image, {\n    ref: myRef,\n    source: {\n      uri: 'https://wallpaperaccess.com/full/317501.jpg'\n    },\n    alt: \"Alternate Text\",\n    size: \"xl\"\n  }));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Image/WithRef.tsx"],"names":["React","Center","Image","Example","myRef","useRef","useEffect","current","setNativeProps","styleObj","borderWidth","borderRadius","borderColor","style","uri"],"mappings":"AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,KAAjB;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,MAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAN,CAAa,IAAb,CAAd;AAEAL,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AACpB,QAAIF,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACG,OAAN,CAAcC,cAAnC,EAAmD;AAAA;;AACjD,UAAMC,QAAQ,GAAG;AACfC,QAAAA,WAAW,EAAE,CADE;AAEfC,QAAAA,YAAY,EAAE,CAFC;AAGfC,QAAAA,WAAW,EAAE;AAHE,OAAjB;AAKAR,MAAAA,KAAK,QAAL,8BAAAA,KAAK,CAAEG,OAAP,oCAAgBC,cAAhB,CAA+B;AAC7BK,QAAAA,KAAK,EAAEJ;AADsB,OAA/B;AAGD;AACF,GAXD,EAWG,CAACL,KAAD,CAXH;AAaA,SACE,oBAAC,MAAD,QACE,oBAAC,KAAD;AACE,IAAA,GAAG,EAAEA,KADP;AAEE,IAAA,MAAM,EAAE;AACNU,MAAAA,GAAG,EAAE;AADC,KAFV;AAKE,IAAA,GAAG,EAAC,gBALN;AAME,IAAA,IAAI,EAAC;AANP,IADF,CADF;AAYD","sourcesContent":["//@ts-nocheck\nimport React from 'react';\nimport { Center, Image } from 'native-base';\n\nexport function Example() {\n  const myRef = React.useRef(null);\n\n  React.useEffect(() => {\n    if (myRef.current && myRef.current.setNativeProps) {\n      const styleObj = {\n        borderWidth: 4,\n        borderRadius: 4,\n        borderColor: '#22D3EE',\n      };\n      myRef?.current?.setNativeProps({\n        style: styleObj,\n      });\n    }\n  }, [myRef]);\n\n  return (\n    <Center>\n      <Image\n        ref={myRef}\n        source={{\n          uri: 'https://wallpaperaccess.com/full/317501.jpg',\n        }}\n        alt=\"Alternate Text\"\n        size=\"xl\"\n      />\n    </Center>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}