{"ast":null,"code":"import React from 'react';\nimport { Flex, Spacer, Center } 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 _jsxs(Flex, {\n    h: 40,\n    w: 20,\n    mt: 6,\n    children: [_jsx(Center, {\n      size: 16,\n      bg: \"primary.500\",\n      _dark: {\n        bg: 'primary.400'\n      },\n      rounded: \"sm\",\n      _text: {\n        color: 'warmGray.50',\n        fontWeight: 'medium'\n      },\n      children: \"Box 1\"\n    }), _jsx(Spacer, {}), _jsx(Center, {\n      size: 16,\n      bg: \"secondary.500\",\n      _dark: {\n        bg: 'secondary.400'\n      },\n      rounded: \"sm\",\n      _text: {\n        color: 'warmGray.50',\n        fontWeight: 'medium'\n      },\n      children: \"Box 2\"\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Flex/spacer.tsx"],"names":["React","Flex","Spacer","Center","Example","bg","color","fontWeight"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,MAAf,EAAuBC,MAAvB;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,MAAC,IAAD;AAAM,IAAA,CAAC,EAAE,EAAT;AAAa,IAAA,CAAC,EAAE,EAAhB;AAAoB,IAAA,EAAE,EAAE,CAAxB;AAAA,eACE,KAAC,MAAD;AACE,MAAA,IAAI,EAAE,EADR;AAEE,MAAA,EAAE,EAAC,aAFL;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,EAAE,EAAE;AAAN,OAHT;AAIE,MAAA,OAAO,EAAC,IAJV;AAKE,MAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,aADF;AAELC,QAAAA,UAAU,EAAE;AAFP,OALT;AAAA;AAAA,MADF,EAaE,KAAC,MAAD,KAbF,EAcE,KAAC,MAAD;AACE,MAAA,IAAI,EAAE,EADR;AAEE,MAAA,EAAE,EAAC,eAFL;AAGE,MAAA,KAAK,EAAE;AAAEF,QAAAA,EAAE,EAAE;AAAN,OAHT;AAIE,MAAA,OAAO,EAAC,IAJV;AAKE,MAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,aADF;AAELC,QAAAA,UAAU,EAAE;AAFP,OALT;AAAA;AAAA,MAdF;AAAA,IADF;AA6BD,CA9BM","sourcesContent":["import React from 'react';\nimport { Flex, Spacer, Center } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Flex h={40} w={20} mt={6}>\n      <Center\n        size={16}\n        bg=\"primary.500\"\n        _dark={{ bg: 'primary.400' }}\n        rounded=\"sm\"\n        _text={{\n          color: 'warmGray.50',\n          fontWeight: 'medium',\n        }}\n      >\n        Box 1\n      </Center>\n      <Spacer />\n      <Center\n        size={16}\n        bg=\"secondary.500\"\n        _dark={{ bg: 'secondary.400' }}\n        rounded=\"sm\"\n        _text={{\n          color: 'warmGray.50',\n          fontWeight: 'medium',\n        }}\n      >\n        Box 2\n      </Center>\n    </Flex>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}