{"ast":null,"code":"import React from 'react';\nimport { Center, Image } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function Example() {\n  var myRef = React.useRef(null);\n  React.useEffect(function () {\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  }, [myRef]);\n  return _jsx(Center, {\n    children: _jsx(Image, {\n      ref: myRef,\n      source: {\n        uri: 'https://wallpaperaccess.com/full/317501.jpg'\n      },\n      alt: \"Alternate Text\",\n      size: \"xl\"\n    })\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","styleObj","borderWidth","borderRadius","borderColor","current","setNativeProps","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;AAAA;;AACpB,QAAMC,QAAQ,GAAG;AACfC,MAAAA,WAAW,EAAE,CADE;AAEfC,MAAAA,YAAY,EAAE,CAFC;AAGfC,MAAAA,WAAW,EAAE;AAHE,KAAjB;AAKAN,IAAAA,KAAK,QAAL,8BAAAA,KAAK,CAAEO,OAAP,oCAAgBC,cAAhB,CAA+B;AAC7BC,MAAAA,KAAK,EAAEN;AADsB,KAA/B;AAGD,GATD,EASG,CAACH,KAAD,CATH;AAWA,SACE,KAAC,MAAD;AAAA,cACE,KAAC,KAAD;AACE,MAAA,GAAG,EAAEA,KADP;AAEE,MAAA,MAAM,EAAE;AACNU,QAAAA,GAAG,EAAE;AADC,OAFV;AAKE,MAAA,GAAG,EAAC,gBALN;AAME,MAAA,IAAI,EAAC;AANP;AADF,IADF;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    const styleObj = {\n      borderWidth: 4,\n      borderRadius: 4,\n      borderColor: '#22D3EE',\n    };\n    myRef?.current?.setNativeProps({\n      style: styleObj,\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"}