{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Tabs/Colors.tsx\";\n\nimport React from 'react';\nimport { VStack, Tabs } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(VStack, {\n    width: \"100%\",\n    p: 3,\n    space: 7\n  }, React.createElement(Tabs, {\n    colorScheme: \"primary\"\n  }, 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(Tabs, {\n    colorScheme: \"secondary\"\n  }, 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(Tabs, {\n    colorScheme: \"emerald\"\n  }, 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(Tabs, {\n    colorScheme: \"orange\"\n  }, 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(Tabs, {\n    colorScheme: \"info\"\n  }, 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\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Tabs/Colors.tsx"],"names":["React","VStack","Tabs","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,IAAjB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAC,MAAd;AAAqB,IAAA,CAAC,EAAE,CAAxB;AAA2B,IAAA,KAAK,EAAE;AAAlC,KACE,oBAAC,IAAD;AAAM,IAAA,WAAW,EAAC;AAAlB,KACE,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;AAAM,IAAA,WAAW,EAAC;AAAlB,KACE,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,CAbF,EAyBE,oBAAC,IAAD;AAAM,IAAA,WAAW,EAAC;AAAlB,KACE,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,CAzBF,EAqCE,oBAAC,IAAD;AAAM,IAAA,WAAW,EAAC;AAAlB,KACE,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,CArCF,EAiDE,oBAAC,IAAD;AAAM,IAAA,WAAW,EAAC;AAAlB,KACE,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,CAjDF,CADF;AAgED,CAjEM","sourcesContent":["import React from 'react';\nimport { VStack, Tabs } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <VStack width=\"100%\" p={3} space={7}>\n      <Tabs colorScheme=\"primary\">\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      <Tabs colorScheme=\"secondary\">\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      <Tabs colorScheme=\"emerald\">\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      <Tabs colorScheme=\"orange\">\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      <Tabs colorScheme=\"info\">\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    </VStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}