{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Flex/spacer.tsx\";\n\nimport React from 'react';\nimport { Flex, Spacer, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Flex, {\n    h: 40,\n    alignItems: \"center\"\n  }, React.createElement(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  }, \"Box 1\"), React.createElement(Spacer, null), React.createElement(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  }, \"Box 2\"));\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,oBAAC,IAAD;AAAM,IAAA,CAAC,EAAE,EAAT;AAAa,IAAA,UAAU,EAAC;AAAxB,KACE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAE,EADR;AAEE,IAAA,EAAE,EAAC,aAFL;AAGE,IAAA,KAAK,EAAE;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAHT;AAIE,IAAA,OAAO,EAAC,IAJV;AAKE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,aADF;AAELC,MAAAA,UAAU,EAAE;AAFP;AALT,aADF,EAaE,oBAAC,MAAD,OAbF,EAcE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAE,EADR;AAEE,IAAA,EAAE,EAAC,eAFL;AAGE,IAAA,KAAK,EAAE;AAAEF,MAAAA,EAAE,EAAE;AAAN,KAHT;AAIE,IAAA,OAAO,EAAC,IAJV;AAKE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,aADF;AAELC,MAAAA,UAAU,EAAE;AAFP;AALT,aAdF,CADF;AA6BD,CA9BM","sourcesContent":["import React from 'react';\nimport { Flex, Spacer, Center } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Flex h={40} alignItems=\"center\">\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"}