{"ast":null,"code":"import React from 'react';\nimport { Divider, Flex, 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\";\nexport var Example = function Example() {\n  return _jsx(Box, {\n    alignItems: \"center\",\n    children: _jsxs(Box, {\n      w: \"160\",\n      children: [_jsx(Heading, {\n        mx: \"auto\",\n        children: \"Shoes\"\n      }), _jsx(Divider, {\n        my: \"2\",\n        _light: {\n          bg: 'muted.800'\n        },\n        _dark: {\n          bg: 'muted.50'\n        }\n      }), _jsxs(Flex, {\n        mx: \"3\",\n        direction: \"row\",\n        justify: \"space-evenly\",\n        h: \"60\",\n        children: [_jsx(Heading, {\n          py: \"2\",\n          children: \"Girls\"\n        }), _jsx(Divider, {\n          orientation: \"vertical\",\n          mx: \"3\",\n          _light: {\n            bg: 'muted.800'\n          },\n          _dark: {\n            bg: 'muted.50'\n          }\n        }), _jsx(Heading, {\n          py: \"2\",\n          children: \"Boys\"\n        })]\n      })]\n    })\n  });\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,KAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAA,cACE,MAAC,GAAD;AAAK,MAAA,CAAC,EAAC,KAAP;AAAA,iBACE,KAAC,OAAD;AAAS,QAAA,EAAE,EAAC,MAAZ;AAAA;AAAA,QADF,EAEE,KAAC,OAAD;AACE,QAAA,EAAE,EAAC,GADL;AAEE,QAAA,MAAM,EAAE;AAAEC,UAAAA,EAAE,EAAE;AAAN,SAFV;AAGE,QAAA,KAAK,EAAE;AAAEA,UAAAA,EAAE,EAAE;AAAN;AAHT,QAFF,EAOE,MAAC,IAAD;AAAM,QAAA,EAAE,EAAC,GAAT;AAAa,QAAA,SAAS,EAAC,KAAvB;AAA6B,QAAA,OAAO,EAAC,cAArC;AAAoD,QAAA,CAAC,EAAC,IAAtD;AAAA,mBACE,KAAC,OAAD;AAAS,UAAA,EAAE,EAAC,GAAZ;AAAA;AAAA,UADF,EAEE,KAAC,OAAD;AACE,UAAA,WAAW,EAAC,UADd;AAEE,UAAA,EAAE,EAAC,GAFL;AAGE,UAAA,MAAM,EAAE;AAAEA,YAAAA,EAAE,EAAE;AAAN,WAHV;AAIE,UAAA,KAAK,EAAE;AAAEA,YAAAA,EAAE,EAAE;AAAN;AAJT,UAFF,EAQE,KAAC,OAAD;AAAS,UAAA,EAAE,EAAC,GAAZ;AAAA;AAAA,UARF;AAAA,QAPF;AAAA;AADF,IADF;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"}