{"ast":null,"code":"import React from 'react';\nimport { Breadcrumb, Box, Heading, Icon } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Ionicons } from '@expo/vector-icons';\nexport var Example = function Example() {\n  return React.createElement(Box, null, React.createElement(Heading, {\n    mb: 4\n  }, \"Breadcrumb with Custom Separator\"), React.createElement(Breadcrumb, {\n    spacing: 1,\n    separator: React.createElement(Icon, {\n      as: React.createElement(Ionicons, {\n        name: \"chevron-forward-outline\"\n      }),\n      size: 5\n    })\n  }, React.createElement(Breadcrumb.Item, {\n    isCurrent: true\n  }, React.createElement(Breadcrumb.Link, null, \"Home (This is currently active)\")), React.createElement(Breadcrumb.Item, null, React.createElement(Breadcrumb.Link, {\n    href: \"https://alpha.nativebase.io/\",\n    isExternal: true\n  }, \"Docs\")), React.createElement(Breadcrumb.Item, null, React.createElement(Breadcrumb.Link, {\n    href: \"https://github.com/GeekyAnts/nativebase\",\n    isExternal: true\n  }, \"Github\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Breadcrumb/ComponentSeparator.tsx"],"names":["React","Breadcrumb","Box","Heading","Icon","Ionicons","Example"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,GAArB,EAA0BC,OAA1B,EAAmCC,IAAnC;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD,QACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAE;AAAb,wCADF,EAEE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAE,CADX;AAEE,IAAA,SAAS,EACP,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAE,oBAAC,QAAD;AAAU,QAAA,IAAI,EAAC;AAAf,QAAV;AAAuD,MAAA,IAAI,EAAE;AAA7D;AAHJ,KAME,oBAAC,UAAD,CAAY,IAAZ;AAAiB,IAAA,SAAS;AAA1B,KACE,oBAAC,UAAD,CAAY,IAAZ,0CADF,CANF,EASE,oBAAC,UAAD,CAAY,IAAZ,QACE,oBAAC,UAAD,CAAY,IAAZ;AAAiB,IAAA,IAAI,EAAC,8BAAtB;AAAqD,IAAA,UAAU;AAA/D,YADF,CATF,EAcE,oBAAC,UAAD,CAAY,IAAZ,QACE,oBAAC,UAAD,CAAY,IAAZ;AACE,IAAA,IAAI,EAAC,yCADP;AAEE,IAAA,UAAU;AAFZ,cADF,CAdF,CAFF,CADF;AA4BD,CA7BM","sourcesContent":["import React from 'react';\nimport { Breadcrumb, Box, Heading, Icon } from 'native-base';\nimport { Ionicons } from '@expo/vector-icons';\nexport const Example = () => {\n  return (\n    <Box>\n      <Heading mb={4}>Breadcrumb with Custom Separator</Heading>\n      <Breadcrumb\n        spacing={1}\n        separator={\n          <Icon as={<Ionicons name=\"chevron-forward-outline\" />} size={5} />\n        }\n      >\n        <Breadcrumb.Item isCurrent>\n          <Breadcrumb.Link>Home (This is currently active)</Breadcrumb.Link>\n        </Breadcrumb.Item>\n        <Breadcrumb.Item>\n          <Breadcrumb.Link href=\"https://alpha.nativebase.io/\" isExternal>\n            Docs\n          </Breadcrumb.Link>\n        </Breadcrumb.Item>\n        <Breadcrumb.Item>\n          <Breadcrumb.Link\n            href=\"https://github.com/GeekyAnts/nativebase\"\n            isExternal\n          >\n            Github\n          </Breadcrumb.Link>\n        </Breadcrumb.Item>\n      </Breadcrumb>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}