{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Tabs/Composition.tsx\";\n\nimport React from 'react';\nimport { Box, Tabs, Text } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    width: \"100%\",\n    p: 3\n  }, React.createElement(Tabs, null, React.createElement(Tabs.Bar, null, React.createElement(Tabs.Tab, null, \"One\"), React.createElement(Tabs.Tab, null, \"Two\"), React.createElement(Tabs.Tab, null, \"Three\")), React.createElement(Tabs.Views, null, React.createElement(Tabs.View, null, \"One\"), React.createElement(Tabs.View, null, \"Two\"), React.createElement(Tabs.View, null, \"Three\"))), React.createElement(Text, null, \"To show how tabs behaves around other components.\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Tabs/Composition.tsx"],"names":["React","Box","Tabs","Text","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,IAAd,EAAoBC,IAApB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,KAAK,EAAC,MAAX;AAAkB,IAAA,CAAC,EAAE;AAArB,KACE,oBAAC,IAAD,QACE,oBAAC,IAAD,CAAM,GAAN,QACE,oBAAC,IAAD,CAAM,GAAN,cADF,EAEE,oBAAC,IAAD,CAAM,GAAN,cAFF,EAGE,oBAAC,IAAD,CAAM,GAAN,gBAHF,CADF,EAME,oBAAC,IAAD,CAAM,KAAN,QACE,oBAAC,IAAD,CAAM,IAAN,cADF,EAEE,oBAAC,IAAD,CAAM,IAAN,cAFF,EAGE,oBAAC,IAAD,CAAM,IAAN,gBAHF,CANF,CADF,EAaE,oBAAC,IAAD,4DAbF,CADF;AAiBD,CAlBM","sourcesContent":["import React from 'react';\nimport { Box, Tabs, Text } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box width=\"100%\" p={3}>\n      <Tabs>\n        <Tabs.Bar>\n          <Tabs.Tab>One</Tabs.Tab>\n          <Tabs.Tab>Two</Tabs.Tab>\n          <Tabs.Tab>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      <Text>To show how tabs behaves around other components.</Text>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}