{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Stack/basic.tsx\";\nimport React from 'react';\nimport { Stack, Center, Heading, ScrollView, VStack, Divider } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(ScrollView, null, React.createElement(VStack, {\n    space: \"2.5\",\n    mt: \"4\",\n    px: \"8\"\n  }, React.createElement(Heading, {\n    size: \"md\"\n  }, \"row\"), React.createElement(Stack, {\n    direction: \"row\",\n    mb: \"2.5\",\n    mt: \"1.5\",\n    space: 3\n  }, React.createElement(Center, {\n    size: \"16\",\n    bg: \"primary.400\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 1\"), React.createElement(Center, {\n    bg: \"primary.500\",\n    size: \"16\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 2\"), React.createElement(Center, {\n    size: \"16\",\n    bg: \"primary.700\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 3\")), React.createElement(Divider, null), React.createElement(Heading, {\n    size: \"md\"\n  }, \"column\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: \"column\",\n    space: 3\n  }, React.createElement(Center, {\n    size: \"16\",\n    bg: \"primary.400\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 1\"), React.createElement(Center, {\n    bg: \"primary.500\",\n    size: \"16\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 2\"), React.createElement(Center, {\n    size: \"16\",\n    bg: \"primary.700\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 3\")), React.createElement(Divider, null), React.createElement(Heading, {\n    size: \"md\"\n  }, \"row-reverse\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: \"row\",\n    reversed: true,\n    space: 3\n  }, React.createElement(Center, {\n    size: \"16\",\n    bg: \"primary.400\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 1\"), React.createElement(Center, {\n    bg: \"primary.500\",\n    size: \"16\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 2\"), React.createElement(Center, {\n    size: \"16\",\n    bg: \"primary.700\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 3\")), React.createElement(Divider, null), React.createElement(Heading, {\n    size: \"md\"\n  }, \"column-reverse\"), React.createElement(Stack, {\n    mb: \"2.5\",\n    mt: \"1.5\",\n    direction: \"column-reverse\",\n    space: 3\n  }, React.createElement(Center, {\n    size: \"16\",\n    bg: \"primary.400\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 1\"), React.createElement(Center, {\n    bg: \"primary.500\",\n    size: \"16\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 2\"), React.createElement(Center, {\n    size: \"16\",\n    bg: \"primary.700\",\n    rounded: \"sm\",\n    _text: {\n      color: 'warmGray.50',\n      fontWeight: 'medium'\n    },\n    shadow: '3'\n  }, \"Box 3\")), React.createElement(Divider, null)));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Stack/basic.tsx"],"names":["React","Stack","Center","Heading","ScrollView","VStack","Divider","Example","color","fontWeight"],"mappings":"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","sourcesContent":["//@ts-nocheck\nimport React from 'react';\nimport {\n  Stack,\n  Center,\n  Heading,\n  ScrollView,\n  VStack,\n  Divider,\n} from 'native-base';\n\nexport function Example() {\n  return (\n    <ScrollView>\n      <VStack space=\"2.5\" mt=\"4\" px=\"8\">\n        <Heading size=\"md\">row</Heading>\n        <Stack direction=\"row\" mb=\"2.5\" mt=\"1.5\" space={3}>\n          <Center\n            size=\"16\"\n            bg=\"primary.400\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 1\n          </Center>\n          <Center\n            bg=\"primary.500\"\n            size=\"16\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 2\n          </Center>\n          <Center\n            size=\"16\"\n            bg=\"primary.700\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 3\n          </Center>\n        </Stack>\n        <Divider />\n        <Heading size=\"md\">column</Heading>\n        <Stack mb=\"2.5\" mt=\"1.5\" direction=\"column\" space={3}>\n          <Center\n            size=\"16\"\n            bg=\"primary.400\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 1\n          </Center>\n          <Center\n            bg=\"primary.500\"\n            size=\"16\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 2\n          </Center>\n          <Center\n            size=\"16\"\n            bg=\"primary.700\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 3\n          </Center>\n        </Stack>\n        <Divider />\n        <Heading size=\"md\">row-reverse</Heading>\n        <Stack mb=\"2.5\" mt=\"1.5\" direction=\"row\" reversed space={3}>\n          <Center\n            size=\"16\"\n            bg=\"primary.400\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 1\n          </Center>\n          <Center\n            bg=\"primary.500\"\n            size=\"16\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 2\n          </Center>\n          <Center\n            size=\"16\"\n            bg=\"primary.700\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 3\n          </Center>\n        </Stack>\n        <Divider />\n        <Heading size=\"md\">column-reverse</Heading>\n        <Stack mb=\"2.5\" mt=\"1.5\" direction=\"column-reverse\" space={3}>\n          <Center\n            size=\"16\"\n            bg=\"primary.400\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 1\n          </Center>\n          <Center\n            bg=\"primary.500\"\n            size=\"16\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 2\n          </Center>\n          <Center\n            size=\"16\"\n            bg=\"primary.700\"\n            rounded=\"sm\"\n            _text={{\n              color: 'warmGray.50',\n              fontWeight: 'medium',\n            }}\n            shadow={'3'}\n          >\n            Box 3\n          </Center>\n        </Stack>\n        <Divider />\n      </VStack>\n    </ScrollView>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}