{"ast":null,"code":"import 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  }, \"Subtle\"), React.createElement(Button.Group, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    variant: \"subtle\"\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,KAQE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,aARF,EASE,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,CATF,EAcE,oBAAC,OAAD,OAdF,EAiBE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,cAjBF,EAkBE,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,CAlBF,EAuBE,oBAAC,OAAD,OAvBF,EA0BE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,eA1BF,EA2BE,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,CA3BF,EAgCE,oBAAC,OAAD,OAhCF,EAmCE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,YAnCF,EAoCE,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,CApCF,EAyCE,oBAAC,OAAD,OAzCF,EA4CE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,aA5CF,EA6CE,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,CA7CF,EAkDE,oBAAC,OAAD,OAlDF,EAqDE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,gBArDF,EAsDE,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,CAtDF,CADF,CADF;AA+DD,CAhEM","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        <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        {/* Subtle */}\n        <Heading size=\"md\">Subtle</Heading>\n        <Button.Group mb=\"2.5\" mt=\"1.5\" variant=\"subtle\">\n          <Button colorScheme=\"teal\">Save</Button>\n          <Button colorScheme=\"danger\">Cancel</Button>\n        </Button.Group>\n\n        <Divider />\n\n        {/* Outline */}\n        <Heading size=\"md\">Outline</Heading>\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        {/* Link */}\n        <Heading size=\"md\">Link</Heading>\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        {/* Ghost */}\n        <Heading size=\"md\">Ghost</Heading>\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        {/* Unstyled */}\n        <Heading size=\"md\">Unstyled</Heading>\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"}