{"ast":null,"code":"import React from 'react';\nimport { Button, Divider, Heading, VStack, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(VStack, {\n    w: {\n      base: '50%',\n      md: '25%'\n    },\n    space: 2.5,\n    px: \"2\",\n    alignItems: \"center\"\n  }, React.createElement(Center, {\n    w: \"100%\"\n  }, React.createElement(Heading, {\n    mb: \"4\",\n    size: \"md\"\n  }, \"Row\"), React.createElement(Button.Group, {\n    variant: \"solid\",\n    direction: \"row\",\n    mx: {\n      base: 'auto',\n      md: 0\n    }\n  }, React.createElement(Button, {\n    colorScheme: \"teal\"\n  }, \"Save\"), React.createElement(Button, {\n    colorScheme: \"rose\"\n  }, \"Cancel\")), React.createElement(Divider, {\n    mt: 5\n  })), React.createElement(Center, null, React.createElement(Heading, {\n    mb: \"4\",\n    size: \"md\"\n  }, \"Column\"), React.createElement(Button.Group, {\n    variant: \"solid\",\n    direction: \"column\",\n    mx: {\n      base: 'auto',\n      md: 0\n    }\n  }, React.createElement(Button, {\n    colorScheme: \"teal\"\n  }, \"Save\"), React.createElement(Button, {\n    colorScheme: \"rose\"\n  }, \"Cancel\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/ButtonGroup/direction.tsx"],"names":["React","Button","Divider","Heading","VStack","Center","Example","base","md"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,OAAjB,EAA0BC,OAA1B,EAAmCC,MAAnC,EAA2CC,MAA3C;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,MAAD;AACE,IAAA,CAAC,EAAE;AAAEC,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB,KADL;AAEE,IAAA,KAAK,EAAE,GAFT;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,UAAU,EAAC;AAJb,KAOE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC;AAAV,KACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC,GAAZ;AAAgB,IAAA,IAAI,EAAC;AAArB,WADF,EAIE,oBAAC,MAAD,CAAQ,KAAR;AACE,IAAA,OAAO,EAAC,OADV;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,EAAE,EAAE;AAAED,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,EAAE,EAAE;AAApB;AAHN,KAKE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,YALF,EAME,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,cANF,CAJF,EAYE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAE;AAAb,IAZF,CAPF,EAuBE,oBAAC,MAAD,QACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC,GAAZ;AAAgB,IAAA,IAAI,EAAC;AAArB,cADF,EAIE,oBAAC,MAAD,CAAQ,KAAR;AACE,IAAA,OAAO,EAAC,OADV;AAEE,IAAA,SAAS,EAAC,QAFZ;AAGE,IAAA,EAAE,EAAE;AAAED,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,EAAE,EAAE;AAApB;AAHN,KAKE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,YALF,EAME,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC;AAApB,cANF,CAJF,CAvBF,CADF;AAuCD,CAxCM","sourcesContent":["import React from 'react';\nimport { Button, Divider, Heading, VStack, Center } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <VStack\n      w={{ base: '50%', md: '25%' }}\n      space={2.5}\n      px=\"2\"\n      alignItems=\"center\"\n    >\n      {/* Row */}\n      <Center w=\"100%\">\n        <Heading mb=\"4\" size=\"md\">\n          Row\n        </Heading>\n        <Button.Group\n          variant=\"solid\"\n          direction=\"row\"\n          mx={{ base: 'auto', md: 0 }}\n        >\n          <Button colorScheme=\"teal\">Save</Button>\n          <Button colorScheme=\"rose\">Cancel</Button>\n        </Button.Group>\n        <Divider mt={5} />\n      </Center>\n\n      {/* Column */}\n      <Center>\n        <Heading mb=\"4\" size=\"md\">\n          Column\n        </Heading>\n        <Button.Group\n          variant=\"solid\"\n          direction=\"column\"\n          mx={{ base: 'auto', md: 0 }}\n        >\n          <Button colorScheme=\"teal\">Save</Button>\n          <Button colorScheme=\"rose\">Cancel</Button>\n        </Button.Group>\n      </Center>\n    </VStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}