{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Button/WithRef.tsx\";\n\nimport React from 'react';\nimport { Button, 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      backgroundColor: '#facc15',\n      borderColor: '#CA8A04',\n      borderWidth: 1,\n      borderRadius: 4\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    alignItems: \"center\"\n  }, React.createElement(Button, {\n    size: \"sm\",\n    variant: 'solid',\n    _text: {\n      color: '#1F2937'\n    },\n    ref: myRef,\n    px: \"3\"\n  }, \"Send\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Button/WithRef.tsx"],"names":["React","Button","Box","Example","myRef","useRef","useEffect","styleObj","backgroundColor","borderColor","borderWidth","borderRadius","current","setNativeProps","style","color"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,GAAjB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAN,CAAa,EAAb,CAAd;AAEAL,EAAAA,KAAK,CAACM,SAAN,CAAgB,YAAM;AAAA;;AACpB,QAAMC,QAAQ,GAAG;AACfC,MAAAA,eAAe,EAAE,SADF;AAEfC,MAAAA,WAAW,EAAE,SAFE;AAGfC,MAAAA,WAAW,EAAE,CAHE;AAIfC,MAAAA,YAAY,EAAE;AAJC,KAAjB;AAQAP,IAAAA,KAAK,QAAL,8BAAAA,KAAK,CAAEQ,OAAP,oCAAgBC,cAAhB,CAA+B;AAAEC,MAAAA,KAAK,EAAEP;AAAT,KAA/B;AACD,GAVD,EAUG,CAACH,KAAD,CAVH;AAWA,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAC,IADP;AAEE,IAAA,OAAO,EAAE,OAFX;AAGE,IAAA,KAAK,EAAE;AAAEW,MAAAA,KAAK,EAAE;AAAT,KAHT;AAIE,IAAA,GAAG,EAAEX,KAJP;AAKE,IAAA,EAAE,EAAC;AALL,YADF,CADF;AAaD,CA3BM","sourcesContent":["import React from 'react';\nimport { Button, Box } from 'native-base';\n\nexport const Example = () => {\n  const myRef = React.useRef({});\n\n  React.useEffect(() => {\n    const styleObj = {\n      backgroundColor: '#facc15',\n      borderColor: '#CA8A04',\n      borderWidth: 1,\n      borderRadius: 4,\n    };\n\n    //@ts-ignore\n    myRef?.current?.setNativeProps({ style: styleObj });\n  }, [myRef]);\n  return (\n    <Box alignItems=\"center\">\n      <Button\n        size=\"sm\"\n        variant={'solid'}\n        _text={{ color: '#1F2937' }}\n        ref={myRef}\n        px=\"3\"\n      >\n        Send\n      </Button>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}