{"ast":null,"code":"import React from 'react';\nimport { Button, VStack, Heading, Divider, ScrollView } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(React.Fragment, null, 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    mb: \"2.5\",\n    mt: \"1.5\",\n    isAttached: true,\n    variant: \"solid\",\n    mx: {\n      base: 'auto',\n      md: 0\n    }\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    isAttached: true,\n    variant: \"outline\",\n    mx: {\n      base: 'auto',\n      md: 0\n    }\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    isAttached: true,\n    mb: \"2.5\",\n    mt: \"1.5\",\n    variant: \"link\",\n    mx: {\n      base: 'auto',\n      md: 0\n    }\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    isAttached: true,\n    variant: \"unstyled\",\n    mb: \"2.5\",\n    mt: \"1.5\",\n    mx: {\n      base: 'auto',\n      md: 0\n    }\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/isAttached.tsx"],"names":["React","Button","VStack","Heading","Divider","ScrollView","Example","base","md"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Button, VStack, Heading, Divider, ScrollView } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <>\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\n            mb=\"2.5\"\n            mt=\"1.5\"\n            isAttached\n            variant=\"solid\"\n            mx={{ base: 'auto', md: 0 }}\n          >\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\n            mb=\"2.5\"\n            mt=\"1.5\"\n            isAttached\n            variant=\"outline\"\n            mx={{ base: 'auto', md: 0 }}\n          >\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\n            isAttached\n            mb=\"2.5\"\n            mt=\"1.5\"\n            variant=\"link\"\n            mx={{ base: 'auto', md: 0 }}\n          >\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\n          <Button.Group\n            isAttached\n            variant=\"unstyled\"\n            mb=\"2.5\"\n            mt=\"1.5\"\n            mx={{ base: 'auto', md: 0 }}\n          >\n            <Button colorScheme=\"teal\">Save</Button>\n            <Button colorScheme=\"danger\">Cancel</Button>\n          </Button.Group>\n        </VStack>\n      </ScrollView>\n    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}