{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Button/variants.tsx\";\n\nimport React from 'react';\nimport { Button, Divider, Heading, VStack, Stack, ScrollView } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(ScrollView, {\n    showsVerticalScrollIndicator: false,\n    px: \"3\"\n  }, React.createElement(VStack, {\n    w: \"100%\",\n    space: 4,\n    px: \"2\",\n    mt: \"4\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  }, React.createElement(Heading, {\n    size: \"md\"\n  }, \"Solid\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: {\n      base: 'column',\n      md: 'row'\n    },\n    space: 2,\n    mx: {\n      base: 'auto',\n      md: '0'\n    }\n  }, React.createElement(Button, {\n    size: \"sm\"\n  }, \"PRIMARY\"), React.createElement(Button, {\n    size: \"sm\",\n    colorScheme: \"secondary\"\n  }, \"SECONDARY\"), React.createElement(Button, {\n    size: \"sm\",\n    isDisabled: true\n  }, \"DISABLED\")), React.createElement(Divider, {\n    w: \"100%\"\n  }), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Subtle\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: {\n      base: 'column',\n      md: 'row'\n    },\n    space: 2,\n    mx: {\n      base: 'auto',\n      md: '0'\n    }\n  }, React.createElement(Button, {\n    size: \"sm\",\n    variant: \"subtle\"\n  }, \"PRIMARY\"), React.createElement(Button, {\n    size: \"sm\",\n    variant: \"subtle\",\n    colorScheme: \"secondary\"\n  }, \"SECONDARY\"), React.createElement(Button, {\n    size: \"sm\",\n    variant: \"subtle\",\n    isDisabled: true\n  }, \"DISABLED\")), React.createElement(Divider, null), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Outline\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: {\n      base: 'column',\n      md: 'row'\n    },\n    space: 2,\n    mx: {\n      base: 'auto',\n      md: '0'\n    }\n  }, React.createElement(Button, {\n    size: \"sm\",\n    variant: \"outline\"\n  }, \"PRIMARY\"), React.createElement(Button, {\n    size: \"sm\",\n    variant: \"outline\",\n    colorScheme: \"secondary\"\n  }, \"SECONDARY\"), React.createElement(Button, {\n    size: \"sm\",\n    variant: \"outline\",\n    isDisabled: true\n  }, \"DISABLED\")), React.createElement(Divider, {\n    w: \"100%\"\n  }), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Link\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: {\n      base: 'column',\n      md: 'row'\n    },\n    space: 2,\n    mx: {\n      base: 'auto',\n      md: '0'\n    }\n  }, React.createElement(Button, {\n    size: \"sm\",\n    variant: \"link\"\n  }, \"PRIMARY\"), React.createElement(Button, {\n    size: \"sm\",\n    variant: \"link\",\n    colorScheme: \"secondary\"\n  }, \"SECONDARY\"), React.createElement(Button, {\n    size: \"sm\",\n    variant: \"link\",\n    isDisabled: true\n  }, \"DISABLED\")), React.createElement(Divider, {\n    w: \"100%\"\n  }), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Ghost\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: {\n      base: 'column',\n      md: 'row'\n    },\n    space: 2,\n    mx: {\n      base: 'auto',\n      md: '0'\n    }\n  }, React.createElement(Button, {\n    size: \"sm\",\n    variant: \"ghost\"\n  }, \"PRIMARY\"), React.createElement(Button, {\n    size: \"sm\",\n    variant: \"ghost\",\n    colorScheme: \"secondary\"\n  }, \"SECONDARY\"), React.createElement(Button, {\n    size: \"sm\",\n    variant: \"ghost\",\n    isDisabled: true\n  }, \"DISABLED\")), React.createElement(Divider, {\n    w: \"100%\"\n  }), React.createElement(Heading, {\n    size: \"md\"\n  }, \"Unstyled\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: {\n      base: 'column',\n      md: 'row'\n    },\n    space: 2,\n    mx: {\n      base: 'auto',\n      md: '0'\n    }\n  }, React.createElement(Button, {\n    variant: \"unstyled\"\n  }, \"Unstyled\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Button/variants.tsx"],"names":["React","Button","Divider","Heading","VStack","Stack","ScrollView","Example","base","md"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  Button,\n  Divider,\n  Heading,\n  VStack,\n  Stack,\n  ScrollView,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <ScrollView showsVerticalScrollIndicator={false} px=\"3\">\n      <VStack\n        w=\"100%\"\n        space={4}\n        px=\"2\"\n        mt=\"4\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n      >\n        {/* Solid */}\n        <Heading size=\"md\">Solid</Heading>\n        <Stack\n          mb=\"2.5\"\n          mt=\"1.5\"\n          direction={{ base: 'column', md: 'row' }}\n          space={2}\n          mx={{ base: 'auto', md: '0' }}\n        >\n          <Button size=\"sm\">PRIMARY</Button>\n          <Button size=\"sm\" colorScheme=\"secondary\">\n            SECONDARY\n          </Button>\n          <Button size=\"sm\" isDisabled>\n            DISABLED\n          </Button>\n        </Stack>\n\n        <Divider w=\"100%\" />\n\n        <Heading size=\"md\">Subtle</Heading>\n\n        {/* Subtle */}\n        <Stack\n          mb=\"2.5\"\n          mt=\"1.5\"\n          direction={{ base: 'column', md: 'row' }}\n          space={2}\n          mx={{ base: 'auto', md: '0' }}\n        >\n          <Button size=\"sm\" variant=\"subtle\">\n            PRIMARY\n          </Button>\n          <Button size=\"sm\" variant=\"subtle\" colorScheme=\"secondary\">\n            SECONDARY\n          </Button>\n          <Button size=\"sm\" variant=\"subtle\" isDisabled>\n            DISABLED\n          </Button>\n        </Stack>\n        <Divider />\n        <Heading size=\"md\">Outline</Heading>\n\n        {/* Outline */}\n        <Stack\n          mb=\"2.5\"\n          mt=\"1.5\"\n          direction={{ base: 'column', md: 'row' }}\n          space={2}\n          mx={{ base: 'auto', md: '0' }}\n        >\n          <Button size=\"sm\" variant=\"outline\">\n            PRIMARY\n          </Button>\n          <Button size=\"sm\" variant=\"outline\" colorScheme=\"secondary\">\n            SECONDARY\n          </Button>\n          <Button size=\"sm\" variant=\"outline\" isDisabled>\n            DISABLED\n          </Button>\n        </Stack>\n        <Divider w=\"100%\" />\n\n        <Heading size=\"md\">Link</Heading>\n\n        {/* Link */}\n        <Stack\n          mb=\"2.5\"\n          mt=\"1.5\"\n          direction={{ base: 'column', md: 'row' }}\n          space={2}\n          mx={{ base: 'auto', md: '0' }}\n        >\n          <Button size=\"sm\" variant=\"link\">\n            PRIMARY\n          </Button>\n          <Button size=\"sm\" variant=\"link\" colorScheme=\"secondary\">\n            SECONDARY\n          </Button>\n          <Button size=\"sm\" variant=\"link\" isDisabled>\n            DISABLED\n          </Button>\n        </Stack>\n        <Divider w=\"100%\" />\n\n        <Heading size=\"md\">Ghost</Heading>\n\n        {/* Ghost */}\n        <Stack\n          mb=\"2.5\"\n          mt=\"1.5\"\n          direction={{ base: 'column', md: 'row' }}\n          space={2}\n          mx={{ base: 'auto', md: '0' }}\n        >\n          <Button size=\"sm\" variant=\"ghost\">\n            PRIMARY\n          </Button>\n          <Button size=\"sm\" variant=\"ghost\" colorScheme=\"secondary\">\n            SECONDARY\n          </Button>\n          <Button size=\"sm\" variant=\"ghost\" isDisabled>\n            DISABLED\n          </Button>\n        </Stack>\n\n        <Divider w=\"100%\" />\n\n        <Heading size=\"md\">Unstyled</Heading>\n\n        {/* Unstyled */}\n        <Stack\n          mb=\"2.5\"\n          mt=\"1.5\"\n          direction={{ base: 'column', md: 'row' }}\n          space={2}\n          mx={{ base: 'auto', md: '0' }}\n        >\n          <Button variant=\"unstyled\">Unstyled</Button>\n        </Stack>\n      </VStack>\n    </ScrollView>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}