{"ast":null,"code":"import React from 'react';\nimport { Button, Divider, Heading, VStack, Stack, 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    showsVerticalScrollIndicator: false,\n    px: \"3\",\n    children: _jsxs(VStack, {\n      w: \"100%\",\n      space: 2.5,\n      px: \"2\",\n      mt: \"4\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      children: [_jsx(Heading, {\n        size: \"md\",\n        children: \"Solid\"\n      }), _jsxs(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        children: [_jsx(Button, {\n          size: \"sm\",\n          children: \"PRIMARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          colorScheme: \"secondary\",\n          children: \"SECONDARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          isDisabled: true,\n          children: \"DISABLED\"\n        })]\n      }), _jsx(Divider, {\n        w: \"100%\"\n      }), _jsx(Heading, {\n        size: \"md\",\n        children: \"Subtle\"\n      }), _jsxs(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        children: [_jsx(Button, {\n          size: \"sm\",\n          variant: \"subtle\",\n          children: \"PRIMARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          variant: \"subtle\",\n          colorScheme: \"secondary\",\n          children: \"SECONDARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          variant: \"subtle\",\n          isDisabled: true,\n          children: \"DISABLED\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"Outline\"\n      }), _jsxs(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        children: [_jsx(Button, {\n          size: \"sm\",\n          variant: \"outline\",\n          children: \"PRIMARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          variant: \"outline\",\n          colorScheme: \"secondary\",\n          children: \"SECONDARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          variant: \"outline\",\n          isDisabled: true,\n          children: \"DISABLED\"\n        })]\n      }), _jsx(Divider, {\n        w: \"100%\"\n      }), _jsx(Heading, {\n        size: \"md\",\n        children: \"Link\"\n      }), _jsxs(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        children: [_jsx(Button, {\n          size: \"sm\",\n          variant: \"link\",\n          children: \"PRIMARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          variant: \"link\",\n          colorScheme: \"secondary\",\n          children: \"SECONDARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          variant: \"link\",\n          isDisabled: true,\n          children: \"DISABLED\"\n        })]\n      }), _jsx(Divider, {\n        w: \"100%\"\n      }), _jsx(Heading, {\n        size: \"md\",\n        children: \"Ghost\"\n      }), _jsxs(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        children: [_jsx(Button, {\n          size: \"sm\",\n          variant: \"ghost\",\n          children: \"PRIMARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          variant: \"ghost\",\n          colorScheme: \"secondary\",\n          children: \"SECONDARY\"\n        }), _jsx(Button, {\n          size: \"sm\",\n          variant: \"ghost\",\n          isDisabled: true,\n          children: \"DISABLED\"\n        })]\n      }), _jsx(Divider, {\n        w: \"100%\"\n      }), _jsx(Heading, {\n        size: \"md\",\n        children: \"Unstyled\"\n      }), _jsx(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        children: _jsx(Button, {\n          variant: \"unstyled\",\n          children: \"Unstyled\"\n        })\n      })]\n    })\n  });\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={2.5}\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"}