{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/ButtonGroup/variants.tsx\";\n\nimport React from 'react';\nimport { Button, Divider, Heading, VStack, ScrollView } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(ScrollView, null, React.createElement(VStack, {\n    w: \"100%\",\n    space: 2.5,\n    mt: \"4\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  }, React.createElement(Heading, {\n    size: \"md\"\n  }, \"Solid\"), React.createElement(Button.Group, {\n    variant: \"solid\",\n    mb: \"2.5\",\n    mt: \"1.5\"\n  }, React.createElement(Button, {\n    colorScheme: \"teal\"\n  }, \"Save\"), React.createElement(Button, {\n    colorScheme: \"danger\"\n  }, \"Cancel\")), React.createElement(Divider, null), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Outline\"), React.createElement(Button.Group, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    variant: \"outline\"\n  }, React.createElement(Button, {\n    colorScheme: \"teal\"\n  }, \"Save\"), React.createElement(Button, {\n    colorScheme: \"danger\"\n  }, \"Cancel\")), React.createElement(Divider, null), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Link\"), React.createElement(Button.Group, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    variant: \"link\"\n  }, React.createElement(Button, {\n    colorScheme: \"teal\"\n  }, \"Save\"), React.createElement(Button, {\n    colorScheme: \"danger\"\n  }, \"Cancel\")), React.createElement(Divider, null), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Ghost\"), React.createElement(Button.Group, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    variant: \"ghost\"\n  }, React.createElement(Button, {\n    colorScheme: \"teal\"\n  }, \"Save\"), React.createElement(Button, {\n    colorScheme: \"danger\"\n  }, \"Cancel\")), React.createElement(Divider, null), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Unstyled\"), React.createElement(Button.Group, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    variant: \"unstyled\"\n  }, React.createElement(Button, {\n    colorScheme: \"teal\"\n  }, \"Save\"), React.createElement(Button, {\n    colorScheme: \"danger\"\n  }, \"Cancel\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/ButtonGroup/variants.tsx"],"names":["React","Button","Divider","Heading","VStack","ScrollView","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,OAAjB,EAA0BC,OAA1B,EAAmCC,MAAnC,EAA2CC,UAA3C;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,UAAD,QACE,oBAAC,MAAD;AACE,IAAA,CAAC,EAAC,MADJ;AAEE,IAAA,KAAK,EAAE,GAFT;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,UAAU,EAAC,QAJb;AAKE,IAAA,cAAc,EAAC;AALjB,KASE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,aATF,EAUE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,OAAO,EAAC,OAAtB;AAA8B,IAAA,EAAE,EAAC,KAAjC;AAAuC,IAAA,EAAE,EAAC;AAA1C,KACE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,YADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,cAFF,CAVF,EAeE,oBAAC,OAAD,OAfF,EAiBE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,eAjBF,EAoBE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC,KAAjB;AAAuB,IAAA,EAAE,EAAC,KAA1B;AAAgC,IAAA,OAAO,EAAC;AAAxC,KACE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,YADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,cAFF,CApBF,EAyBE,oBAAC,OAAD,OAzBF,EA2BE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,YA3BF,EA8BE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC,KAAjB;AAAuB,IAAA,EAAE,EAAC,KAA1B;AAAgC,IAAA,OAAO,EAAC;AAAxC,KACE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,YADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,cAFF,CA9BF,EAmCE,oBAAC,OAAD,OAnCF,EAqCE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,aArCF,EAwCE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC,KAAjB;AAAuB,IAAA,EAAE,EAAC,KAA1B;AAAgC,IAAA,OAAO,EAAC;AAAxC,KACE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,YADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,cAFF,CAxCF,EA6CE,oBAAC,OAAD,OA7CF,EA+CE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,gBA/CF,EAkDE,oBAAC,MAAD,CAAQ,KAAR;AAAc,IAAA,EAAE,EAAC,KAAjB;AAAuB,IAAA,EAAE,EAAC,KAA1B;AAAgC,IAAA,OAAO,EAAC;AAAxC,KACE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,YADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,cAFF,CAlDF,CADF,CADF;AA2DD,CA5DM","sourcesContent":["import React from 'react';\nimport { Button, Divider, Heading, VStack, ScrollView } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <ScrollView>\n      <VStack\n        w=\"100%\"\n        space={2.5}\n        mt=\"4\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n      >\n        {/* Solid */}\n\n        <Heading size=\"md\">Solid</Heading>\n        <Button.Group variant=\"solid\" mb=\"2.5\" mt=\"1.5\">\n          <Button colorScheme=\"teal\">Save</Button>\n          <Button colorScheme=\"danger\">Cancel</Button>\n        </Button.Group>\n\n        <Divider />\n\n        <Heading size=\"md\">Outline</Heading>\n\n        {/* Outline */}\n        <Button.Group mb=\"2.5\" mt=\"1.5\" variant=\"outline\">\n          <Button colorScheme=\"teal\">Save</Button>\n          <Button colorScheme=\"danger\">Cancel</Button>\n        </Button.Group>\n\n        <Divider />\n\n        <Heading size=\"md\">Link</Heading>\n\n        {/* Link */}\n        <Button.Group mb=\"2.5\" mt=\"1.5\" variant=\"link\">\n          <Button colorScheme=\"teal\">Save</Button>\n          <Button colorScheme=\"danger\">Cancel</Button>\n        </Button.Group>\n\n        <Divider />\n\n        <Heading size=\"md\">Ghost</Heading>\n\n        {/* Ghost */}\n        <Button.Group mb=\"2.5\" mt=\"1.5\" variant=\"ghost\">\n          <Button colorScheme=\"teal\">Save</Button>\n          <Button colorScheme=\"danger\">Cancel</Button>\n        </Button.Group>\n\n        <Divider />\n\n        <Heading size=\"md\">Unstyled</Heading>\n\n        {/* Unstyled */}\n        <Button.Group mb=\"2.5\" mt=\"1.5\" variant=\"unstyled\">\n          <Button colorScheme=\"teal\">Save</Button>\n          <Button colorScheme=\"danger\">Cancel</Button>\n        </Button.Group>\n      </VStack>\n    </ScrollView>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}