{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Divider/Orientation.tsx\";\n\nimport React from 'react';\nimport { Divider, Flex, Box, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(Box, {\n    w: \"160\"\n  }, React.createElement(Heading, {\n    mx: \"auto\"\n  }, \"Shoes\"), React.createElement(Divider, {\n    my: \"2\"\n  }), React.createElement(Flex, {\n    mx: \"3\",\n    direction: \"row\",\n    justify: \"space-evenly\",\n    h: \"60\"\n  }, React.createElement(Heading, {\n    py: \"2\"\n  }, \"Girls\"), React.createElement(Divider, {\n    orientation: \"vertical\",\n    mx: \"3\"\n  }), React.createElement(Heading, {\n    py: \"2\"\n  }, \"Boys\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Divider/Orientation.tsx"],"names":["React","Divider","Flex","Box","Heading","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,IAAlB,EAAwBC,GAAxB,EAA6BC,OAA7B;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC;AAAP,KACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,aADF,EAEE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,IAFF,EAGE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,GAAT;AAAa,IAAA,SAAS,EAAC,KAAvB;AAA6B,IAAA,OAAO,EAAC,cAArC;AAAoD,IAAA,CAAC,EAAC;AAAtD,KACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,aADF,EAEE,oBAAC,OAAD;AAAS,IAAA,WAAW,EAAC,UAArB;AAAgC,IAAA,EAAE,EAAC;AAAnC,IAFF,EAGE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,YAHF,CAHF,CADF,CADF;AAaD,CAdM","sourcesContent":["import React from 'react';\nimport { Divider, Flex, Box, Heading } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\">\n      <Box w=\"160\">\n        <Heading mx=\"auto\">Shoes</Heading>\n        <Divider my=\"2\" />\n        <Flex mx=\"3\" direction=\"row\" justify=\"space-evenly\" h=\"60\">\n          <Heading py=\"2\">Girls</Heading>\n          <Divider orientation=\"vertical\" mx=\"3\" />\n          <Heading py=\"2\">Boys</Heading>\n        </Flex>\n      </Box>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}