{"ast":null,"code":"import 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    _light: {\n      bg: 'muted.800'\n    },\n    _dark: {\n      bg: 'muted.50'\n    }\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    _light: {\n      bg: 'muted.800'\n    },\n    _dark: {\n      bg: 'muted.50'\n    }\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","bg"],"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;AACE,IAAA,EAAE,EAAC,GADL;AAEE,IAAA,MAAM,EAAE;AAAEC,MAAAA,EAAE,EAAE;AAAN,KAFV;AAGE,IAAA,KAAK,EAAE;AAAEA,MAAAA,EAAE,EAAE;AAAN;AAHT,IAFF,EAOE,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;AACE,IAAA,WAAW,EAAC,UADd;AAEE,IAAA,EAAE,EAAC,GAFL;AAGE,IAAA,MAAM,EAAE;AAAEA,MAAAA,EAAE,EAAE;AAAN,KAHV;AAIE,IAAA,KAAK,EAAE;AAAEA,MAAAA,EAAE,EAAE;AAAN;AAJT,IAFF,EAQE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,YARF,CAPF,CADF,CADF;AAsBD,CAvBM","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\n          my=\"2\"\n          _light={{ bg: 'muted.800' }}\n          _dark={{ bg: 'muted.50' }}\n        />\n        <Flex mx=\"3\" direction=\"row\" justify=\"space-evenly\" h=\"60\">\n          <Heading py=\"2\">Girls</Heading>\n          <Divider\n            orientation=\"vertical\"\n            mx=\"3\"\n            _light={{ bg: 'muted.800' }}\n            _dark={{ bg: 'muted.50' }}\n          />\n          <Heading py=\"2\">Boys</Heading>\n        </Flex>\n      </Box>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}