{"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/composites/Tabs/Controlled.tsx\";\n\nimport React from 'react';\nimport { Tabs, Text } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(0),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      index = _React$useState2[0],\n      setIndex = _React$useState2[1];\n\n  return React.createElement(Tabs, {\n    index: index,\n    onChange: setIndex\n  }, React.createElement(Tabs.Bar, null, React.createElement(Tabs.Tab, null, \"One\"), React.createElement(Tabs.Tab, {\n    accessibilityLabel: \"two\"\n  }, React.createElement(Text, {\n    color: \"red.500\"\n  }, \"Two\")), React.createElement(Tabs.Tab, {\n    accessibilityLabel: \"three\"\n  }, \"Three\")), React.createElement(Tabs.Views, null, React.createElement(Tabs.View, null, \"One\"), React.createElement(Tabs.View, null, \"Two\"), React.createElement(Tabs.View, null, \"Three\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Tabs/Controlled.tsx"],"names":["React","Tabs","Text","Example","useState","index","setIndex"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACDH,KAAK,CAACI,QAAN,CAAe,CAAf,CADC;AAAA;AAAA,MACpBC,KADoB;AAAA,MACbC,QADa;;AAG3B,SACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAED,KAAb;AAAoB,IAAA,QAAQ,EAAEC;AAA9B,KACE,oBAAC,IAAD,CAAM,GAAN,QACE,oBAAC,IAAD,CAAM,GAAN,cADF,EAEE,oBAAC,IAAD,CAAM,GAAN;AAAU,IAAA,kBAAkB,EAAC;AAA7B,KACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC;AAAZ,WADF,CAFF,EAKE,oBAAC,IAAD,CAAM,GAAN;AAAU,IAAA,kBAAkB,EAAC;AAA7B,aALF,CADF,EAQE,oBAAC,IAAD,CAAM,KAAN,QACE,oBAAC,IAAD,CAAM,IAAN,cADF,EAEE,oBAAC,IAAD,CAAM,IAAN,cAFF,EAGE,oBAAC,IAAD,CAAM,IAAN,gBAHF,CARF,CADF;AAgBD,CAnBM","sourcesContent":["import React from 'react';\nimport { Tabs, Text } from 'native-base';\n\nexport const Example = () => {\n  const [index, setIndex] = React.useState(0);\n\n  return (\n    <Tabs index={index} onChange={setIndex}>\n      <Tabs.Bar>\n        <Tabs.Tab>One</Tabs.Tab>\n        <Tabs.Tab accessibilityLabel=\"two\">\n          <Text color=\"red.500\">Two</Text>\n        </Tabs.Tab>\n        <Tabs.Tab accessibilityLabel=\"three\">Three</Tabs.Tab>\n      </Tabs.Bar>\n      <Tabs.Views>\n        <Tabs.View>One</Tabs.View>\n        <Tabs.View>Two</Tabs.View>\n        <Tabs.View>Three</Tabs.View>\n      </Tabs.Views>\n    </Tabs>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}