{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Radio/controlledRadio.tsx\";\n\nimport React from 'react';\nimport { Radio } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState('one'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      value = _React$useState2[0],\n      setValue = _React$useState2[1];\n\n  var ref = React.useRef(null);\n  React.useEffect(function () {\n    console.log('ref here', ref.current);\n    ref.current.focus();\n  }, []);\n  return React.createElement(Radio.Group, {\n    name: \"myRadioGroup\",\n    accessibilityLabel: \"favorite number\",\n    value: value,\n    onChange: function onChange(nextValue) {\n      setValue(nextValue);\n    }\n  }, React.createElement(Radio, {\n    value: \"one\",\n    my: 1,\n    bg: \"blue.200\"\n  }, \"One\"), React.createElement(Radio, {\n    value: \"two\",\n    my: 1,\n    bg: \"red.200\",\n    ref: ref\n  }, \"Two\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Radio/controlledRadio.tsx"],"names":["React","Radio","Example","useState","value","setValue","ref","useRef","useEffect","console","log","current","focus","nextValue"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACDF,KAAK,CAACG,QAAN,CAAe,KAAf,CADC;AAAA;AAAA,MACpBC,KADoB;AAAA,MACbC,QADa;;AAE3B,MAAMC,GAAG,GAAGN,KAAK,CAACO,MAAN,CAAa,IAAb,CAAZ;AACAP,EAAAA,KAAK,CAACQ,SAAN,CAAgB,YAAM;AACpBC,IAAAA,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBJ,GAAG,CAACK,OAA5B;AAOAL,IAAAA,GAAG,CAACK,OAAJ,CAAYC,KAAZ;AACD,GATD,EASG,EATH;AAUA,SACE,oBAAC,KAAD,CAAO,KAAP;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,kBAAkB,EAAC,iBAFrB;AAGE,IAAA,KAAK,EAAER,KAHT;AAIE,IAAA,QAAQ,EAAE,kBAACS,SAAD,EAAe;AACvBR,MAAAA,QAAQ,CAACQ,SAAD,CAAR;AACD;AANH,KAQE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAE,CAAvB;AAA0B,IAAA,EAAE,EAAC;AAA7B,WARF,EAWE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAC,KAAb;AAAmB,IAAA,EAAE,EAAE,CAAvB;AAA0B,IAAA,EAAE,EAAC,SAA7B;AAAuC,IAAA,GAAG,EAAEP;AAA5C,WAXF,CADF;AAiBD,CA9BM","sourcesContent":["import React from 'react';\nimport { Radio } from 'native-base';\n\nexport const Example = () => {\n  const [value, setValue] = React.useState('one');\n  const ref = React.useRef(null);\n  React.useEffect(() => {\n    console.log('ref here', ref.current);\n    // ref.current.setNativeProps({\n    //   backgroundColor: 'red',\n    // });\n    // ref.current.setNativeProps({\n    //   backgroundColor: 'red',\n    // });\n    ref.current.focus();\n  }, []);\n  return (\n    <Radio.Group\n      name=\"myRadioGroup\"\n      accessibilityLabel=\"favorite number\"\n      value={value}\n      onChange={(nextValue) => {\n        setValue(nextValue);\n      }}\n    >\n      <Radio value=\"one\" my={1} bg=\"blue.200\">\n        One\n      </Radio>\n      <Radio value=\"two\" my={1} bg=\"red.200\" ref={ref}>\n        Two\n      </Radio>\n    </Radio.Group>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}