{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Box/WithRef.tsx\";\n\nimport React from 'react';\nimport { Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var myRef = React.useRef({});\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 React.createElement(Box, {\n    width: \"100%\",\n    bg: \"primary.500\",\n    p: \"4\",\n    shadow: 2,\n    _text: {\n      fontSize: 'md',\n      fontWeight: 'bold',\n      color: 'white'\n    },\n    ref: myRef\n  }, \"This is a Box\");\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Box/WithRef.tsx"],"names":["React","Box","Example","myRef","useRef","useEffect","styleObj","borderWidth","borderRadius","borderColor","current","setNativeProps","style","fontSize","fontWeight","color"],"mappings":";;;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAGH,KAAK,CAACI,MAAN,CAAa,EAAb,CAAd;AACAJ,EAAAA,KAAK,CAACK,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;AAUA,SACE,oBAAC,GAAD;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,EAAE,EAAC,aAFL;AAGE,IAAA,CAAC,EAAC,GAHJ;AAIE,IAAA,MAAM,EAAE,CAJV;AAKE,IAAA,KAAK,EAAE;AAAEU,MAAAA,QAAQ,EAAE,IAAZ;AAAkBC,MAAAA,UAAU,EAAE,MAA9B;AAAsCC,MAAAA,KAAK,EAAE;AAA7C,KALT;AAME,IAAA,GAAG,EAAEZ;AANP,qBADF;AAYD,CAxBM","sourcesContent":["//@ts-nocheck\nimport React from 'react';\nimport { Box } from 'native-base';\n\nexport const Example = () => {\n  const myRef = React.useRef({});\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  return (\n    <Box\n      width=\"100%\"\n      bg=\"primary.500\"\n      p=\"4\"\n      shadow={2}\n      _text={{ fontSize: 'md', fontWeight: 'bold', color: 'white' }}\n      ref={myRef}\n    >\n      This is a Box\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}