{"ast":null,"code":"import React from 'react';\nimport { Button, Divider, Heading, VStack, ScrollView } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsx(ScrollView, {\n    children: _jsxs(VStack, {\n      w: \"100%\",\n      space: 2.5,\n      mt: \"4\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      children: [_jsx(Heading, {\n        size: \"md\",\n        children: \"Solid\"\n      }), _jsxs(Button.Group, {\n        variant: \"solid\",\n        mb: \"2.5\",\n        mt: \"1.5\",\n        children: [_jsx(Button, {\n          colorScheme: \"teal\",\n          children: \"Save\"\n        }), _jsx(Button, {\n          colorScheme: \"danger\",\n          children: \"Cancel\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"Subtle\"\n      }), _jsxs(Button.Group, {\n        mb: \"2.5\",\n        mt: \"1.5\",\n        variant: \"subtle\",\n        children: [_jsx(Button, {\n          colorScheme: \"teal\",\n          children: \"Save\"\n        }), _jsx(Button, {\n          colorScheme: \"danger\",\n          children: \"Cancel\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"Outline\"\n      }), _jsxs(Button.Group, {\n        mb: \"2.5\",\n        mt: \"1.5\",\n        variant: \"outline\",\n        children: [_jsx(Button, {\n          colorScheme: \"teal\",\n          children: \"Save\"\n        }), _jsx(Button, {\n          colorScheme: \"danger\",\n          children: \"Cancel\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"Link\"\n      }), _jsxs(Button.Group, {\n        mb: \"2.5\",\n        mt: \"1.5\",\n        variant: \"link\",\n        children: [_jsx(Button, {\n          colorScheme: \"teal\",\n          children: \"Save\"\n        }), _jsx(Button, {\n          colorScheme: \"danger\",\n          children: \"Cancel\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"Ghost\"\n      }), _jsxs(Button.Group, {\n        mb: \"2.5\",\n        mt: \"1.5\",\n        variant: \"ghost\",\n        children: [_jsx(Button, {\n          colorScheme: \"teal\",\n          children: \"Save\"\n        }), _jsx(Button, {\n          colorScheme: \"danger\",\n          children: \"Cancel\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"Unstyled\"\n      }), _jsxs(Button.Group, {\n        mb: \"2.5\",\n        mt: \"1.5\",\n        variant: \"unstyled\",\n        children: [_jsx(Button, {\n          colorScheme: \"teal\",\n          children: \"Save\"\n        }), _jsx(Button, {\n          colorScheme: \"danger\",\n          children: \"Cancel\"\n        })]\n      })]\n    })\n  });\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":"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","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"}