{"ast":null,"code":"import React from 'react';\nimport { Divider, Heading, Box } 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: \"140\",\n      children: [_jsx(Heading, {\n        mx: \"3\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n        children: \"Chrome\"\n      }), _jsx(Divider, {\n        my: \"2\",\n        _light: {\n          bg: 'muted.800'\n        },\n        _dark: {\n          bg: 'muted.50'\n        }\n      }), _jsx(Heading, {\n        mx: \"3\",\n        alignItems: \"center\",\n        flexDirection: \"row\",\n        children: \"Firefox\"\n      })]\n    })\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Divider/Basic.tsx"],"names":["React","Divider","Heading","Box","Example","bg"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,OAAlB,EAA2BC,GAA3B;;;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,GAAZ;AAAgB,QAAA,UAAU,EAAC,QAA3B;AAAoC,QAAA,aAAa,EAAC,KAAlD;AAAA;AAAA,QADF,EAIE,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,QAJF,EASE,KAAC,OAAD;AAAS,QAAA,EAAE,EAAC,GAAZ;AAAgB,QAAA,UAAU,EAAC,QAA3B;AAAoC,QAAA,aAAa,EAAC,KAAlD;AAAA;AAAA,QATF;AAAA;AADF,IADF;AAiBD,CAlBM","sourcesContent":["import React from 'react';\nimport { Divider, Heading, Box } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\">\n      <Box w=\"140\">\n        <Heading mx=\"3\" alignItems=\"center\" flexDirection=\"row\">\n          Chrome\n        </Heading>\n        <Divider\n          my=\"2\"\n          _light={{ bg: 'muted.800' }}\n          _dark={{ bg: 'muted.50' }}\n        />\n        <Heading mx=\"3\" alignItems=\"center\" flexDirection=\"row\">\n          Firefox\n        </Heading>\n      </Box>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}