{"ast":null,"code":"import React from 'react';\nimport { ZStack, Box, Heading } 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\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsxs(_Fragment, {\n    children: [_jsx(Heading, {\n      mb: \"10\",\n      children: \"ZStack\"\n    }), _jsx(Box, {\n      h: \"40\",\n      children: _jsxs(ZStack, {\n        mt: \"3\",\n        ml: -50,\n        children: [_jsx(Box, {\n          bg: \"primary.500\",\n          size: \"20\",\n          rounded: \"lg\",\n          shadow: 3\n        }), _jsx(Box, {\n          bg: \"secondary.500\",\n          mt: \"5\",\n          ml: \"5\",\n          size: \"20\",\n          rounded: \"lg\",\n          shadow: 5\n        }), _jsx(Box, {\n          bg: \"emerald.500\",\n          mt: \"10\",\n          ml: \"10\",\n          size: \"20\",\n          rounded: \"lg\",\n          shadow: 7\n        })]\n      })\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/ZStack/example.tsx"],"names":["React","ZStack","Box","Heading","Example"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,GAAjB,EAAsBC,OAAtB;;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE;AAAA,eACE,KAAC,OAAD;AAAS,MAAA,EAAE,EAAC,IAAZ;AAAA;AAAA,MADF,EAEE,KAAC,GAAD;AAAK,MAAA,CAAC,EAAC,IAAP;AAAA,gBACE,MAAC,MAAD;AAAQ,QAAA,EAAE,EAAC,GAAX;AAAe,QAAA,EAAE,EAAE,CAAC,EAApB;AAAA,mBACE,KAAC,GAAD;AAAK,UAAA,EAAE,EAAC,aAAR;AAAsB,UAAA,IAAI,EAAC,IAA3B;AAAgC,UAAA,OAAO,EAAC,IAAxC;AAA6C,UAAA,MAAM,EAAE;AAArD,UADF,EAEE,KAAC,GAAD;AACE,UAAA,EAAE,EAAC,eADL;AAEE,UAAA,EAAE,EAAC,GAFL;AAGE,UAAA,EAAE,EAAC,GAHL;AAIE,UAAA,IAAI,EAAC,IAJP;AAKE,UAAA,OAAO,EAAC,IALV;AAME,UAAA,MAAM,EAAE;AANV,UAFF,EAUE,KAAC,GAAD;AACE,UAAA,EAAE,EAAC,aADL;AAEE,UAAA,EAAE,EAAC,IAFL;AAGE,UAAA,EAAE,EAAC,IAHL;AAIE,UAAA,IAAI,EAAC,IAJP;AAKE,UAAA,OAAO,EAAC,IALV;AAME,UAAA,MAAM,EAAE;AANV,UAVF;AAAA;AADF,MAFF;AAAA,IADF;AA0BD,CA3BM","sourcesContent":["import React from 'react';\nimport { ZStack, Box, Heading } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <>\n      <Heading mb=\"10\">ZStack</Heading>\n      <Box h=\"40\">\n        <ZStack mt=\"3\" ml={-50}>\n          <Box bg=\"primary.500\" size=\"20\" rounded=\"lg\" shadow={3} />\n          <Box\n            bg=\"secondary.500\"\n            mt=\"5\"\n            ml=\"5\"\n            size=\"20\"\n            rounded=\"lg\"\n            shadow={5}\n          />\n          <Box\n            bg=\"emerald.500\"\n            mt=\"10\"\n            ml=\"10\"\n            size=\"20\"\n            rounded=\"lg\"\n            shadow={7}\n          />\n        </ZStack>\n      </Box>\n    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}