{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Tabs/Size.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    size: \"sm\"\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    size: \"md\"\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    size: \"lg\"\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/Size.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,KAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,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,CAFF,EAeE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,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,CAfF,EA4BE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,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,CA5BF,CADF;AA2CD,CA5CM","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      {/* Small Tabs */}\n      <Tabs size=\"sm\">\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      {/* Medium Tabs (default) */}\n      <Tabs size=\"md\">\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      {/* Large Tabs (default) */}\n      <Tabs size=\"lg\">\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"}