{"ast":null,"code":"import React from 'react';\nimport { Stack, Center, Heading, ScrollView, VStack, Divider } 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 function Example() {\n  return _jsx(ScrollView, {\n    children: _jsxs(VStack, {\n      space: \"2.5\",\n      mt: \"4\",\n      children: [_jsx(Heading, {\n        size: \"md\",\n        children: \"row\"\n      }), _jsxs(Stack, {\n        direction: \"row\",\n        mb: \"2.5\",\n        mt: \"1.5\",\n        space: 3,\n        children: [_jsx(Center, {\n          size: \"16\",\n          bg: \"primary.500\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 1\"\n        }), _jsx(Center, {\n          bg: \"secondary.500\",\n          size: \"16\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 2\"\n        }), _jsx(Center, {\n          size: \"16\",\n          bg: \"emerald.500\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 3\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"column\"\n      }), _jsxs(Stack, {\n        mb: \"2.5\",\n        mt: \"1.5\",\n        direction: \"column\",\n        space: 3,\n        children: [_jsx(Center, {\n          size: \"16\",\n          bg: \"primary.500\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 1\"\n        }), _jsx(Center, {\n          bg: \"secondary.500\",\n          size: \"16\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 2\"\n        }), _jsx(Center, {\n          size: \"16\",\n          bg: \"emerald.500\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 3\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"row-reverse\"\n      }), _jsxs(Stack, {\n        mb: \"2.5\",\n        mt: \"1.5\",\n        direction: \"row\",\n        reversed: true,\n        space: 3,\n        children: [_jsx(Center, {\n          size: \"16\",\n          bg: \"primary.500\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 1\"\n        }), _jsx(Center, {\n          bg: \"secondary.500\",\n          size: \"16\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 2\"\n        }), _jsx(Center, {\n          size: \"16\",\n          bg: \"emerald.500\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 3\"\n        })]\n      }), _jsx(Divider, {}), _jsx(Heading, {\n        size: \"md\",\n        children: \"column-reverse\"\n      }), _jsxs(Stack, {\n        mb: \"2.5\",\n        mt: \"1.5\",\n        direction: \"column-reverse\",\n        space: 3,\n        children: [_jsx(Center, {\n          size: \"16\",\n          bg: \"primary.500\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 1\"\n        }), _jsx(Center, {\n          bg: \"secondary.500\",\n          size: \"16\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 2\"\n        }), _jsx(Center, {\n          size: \"16\",\n          bg: \"emerald.500\",\n          rounded: \"sm\",\n          _text: {\n            color: 'warmGray.50',\n            fontWeight: 'medium'\n          },\n          shadow: '3',\n          children: \"Box 3\"\n        })]\n      }), _jsx(Divider, {})]\n    })\n  });\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\">\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.500\"\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=\"secondary.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=\"emerald.500\"\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.500\"\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=\"secondary.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=\"emerald.500\"\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.500\"\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=\"secondary.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=\"emerald.500\"\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.500\"\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=\"secondary.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=\"emerald.500\"\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"}