{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Breadcrumb/Composition.tsx\";\n\nimport React from 'react';\nimport { Breadcrumb, Box, Heading, HStack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { MaterialCommunityIcons, MaterialIcons, AntDesign } from '@expo/vector-icons';\nexport var Example = function Example() {\n  return React.createElement(Box, null, React.createElement(Heading, {\n    mb: 4\n  }, \"Breadcrumb Composition\"), React.createElement(Breadcrumb, {\n    spacing: 2,\n    _button: {\n      bg: 'transparent'\n    }\n  }, React.createElement(Breadcrumb.Item, null, React.createElement(Breadcrumb.Link, null, React.createElement(HStack, null, React.createElement(Breadcrumb.Icon, {\n    as: React.createElement(MaterialIcons, {\n      name: \"home\"\n    }),\n    mr: 1,\n    size: \"xs\"\n  }), React.createElement(Breadcrumb.Text, {\n    _current: {\n      color: 'blue.500'\n    }\n  }, \"Home\")))), React.createElement(Breadcrumb.Item, null, React.createElement(Breadcrumb.Link, {\n    href: \"https://alpha.nativebase.io/\",\n    isExternal: true\n  }, React.createElement(Breadcrumb.Icon, {\n    fontWeight: 'bold',\n    as: MaterialCommunityIcons,\n    name: \"file-document\",\n    mr: 1,\n    size: \"xs\"\n  }), React.createElement(Breadcrumb.Text, null, \"Docs\"))), React.createElement(Breadcrumb.Item, {\n    isCurrent: true\n  }, React.createElement(Breadcrumb.Link, {\n    href: \"https://github.com/GeekyAnts/nativebase\",\n    isExternal: true\n  }, React.createElement(HStack, null, React.createElement(Breadcrumb.Icon, {\n    as: React.createElement(AntDesign, {\n      name: \"github\"\n    }),\n    mr: 1,\n    size: \"xs\"\n  }), React.createElement(Breadcrumb.Text, null, \"Github (This is currently active)\"))))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Breadcrumb/Composition.tsx"],"names":["React","Breadcrumb","Box","Heading","HStack","MaterialCommunityIcons","MaterialIcons","AntDesign","Example","bg","color"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,GAArB,EAA0BC,OAA1B,EAAmCC,MAAnC;AACA,SACEC,sBADF,EAEEC,aAFF,EAGEC,SAHF,QAIO,oBAJP;AAMA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD,QACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAE;AAAb,8BADF,EAEE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAE,CAArB;AAAwB,IAAA,OAAO,EAAE;AAAEC,MAAAA,EAAE,EAAE;AAAN;AAAjC,KACE,oBAAC,UAAD,CAAY,IAAZ,QACE,oBAAC,UAAD,CAAY,IAAZ,QACE,oBAAC,MAAD,QACE,oBAAC,UAAD,CAAY,IAAZ;AACE,IAAA,EAAE,EAAE,oBAAC,aAAD;AAAe,MAAA,IAAI,EAAC;AAApB,MADN;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,EAME,oBAAC,UAAD,CAAY,IAAZ;AAAiB,IAAA,QAAQ,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AAA3B,YANF,CADF,CADF,CADF,EAeE,oBAAC,UAAD,CAAY,IAAZ,QACE,oBAAC,UAAD,CAAY,IAAZ;AAAiB,IAAA,IAAI,EAAC,8BAAtB;AAAqD,IAAA,UAAU;AAA/D,KACE,oBAAC,UAAD,CAAY,IAAZ;AACE,IAAA,UAAU,EAAE,MADd;AAEE,IAAA,EAAE,EAAEL,sBAFN;AAGE,IAAA,IAAI,EAAC,eAHP;AAIE,IAAA,EAAE,EAAE,CAJN;AAKE,IAAA,IAAI,EAAC;AALP,IADF,EAQE,oBAAC,UAAD,CAAY,IAAZ,eARF,CADF,CAfF,EA2BE,oBAAC,UAAD,CAAY,IAAZ;AAAiB,IAAA,SAAS;AAA1B,KACE,oBAAC,UAAD,CAAY,IAAZ;AACE,IAAA,IAAI,EAAC,yCADP;AAEE,IAAA,UAAU;AAFZ,KAIE,oBAAC,MAAD,QACE,oBAAC,UAAD,CAAY,IAAZ;AACE,IAAA,EAAE,EAAE,oBAAC,SAAD;AAAW,MAAA,IAAI,EAAC;AAAhB,MADN;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,IAAI,EAAC;AAHP,IADF,EAME,oBAAC,UAAD,CAAY,IAAZ,4CANF,CAJF,CADF,CA3BF,CAFF,CADF;AAkDD,CAnDM","sourcesContent":["import React from 'react';\nimport { Breadcrumb, Box, Heading, HStack } from 'native-base';\nimport {\n  MaterialCommunityIcons,\n  MaterialIcons,\n  AntDesign,\n} from '@expo/vector-icons';\n\nexport const Example = () => {\n  return (\n    <Box>\n      <Heading mb={4}>Breadcrumb Composition</Heading>\n      <Breadcrumb spacing={2} _button={{ bg: 'transparent' }}>\n        <Breadcrumb.Item>\n          <Breadcrumb.Link>\n            <HStack>\n              <Breadcrumb.Icon\n                as={<MaterialIcons name=\"home\" />}\n                mr={1}\n                size=\"xs\"\n              />\n              <Breadcrumb.Text _current={{ color: 'blue.500' }}>\n                Home\n              </Breadcrumb.Text>\n            </HStack>\n          </Breadcrumb.Link>\n        </Breadcrumb.Item>\n        <Breadcrumb.Item>\n          <Breadcrumb.Link href=\"https://alpha.nativebase.io/\" isExternal>\n            <Breadcrumb.Icon\n              fontWeight={'bold'}\n              as={MaterialCommunityIcons}\n              name=\"file-document\"\n              mr={1}\n              size=\"xs\"\n            />\n            <Breadcrumb.Text>Docs</Breadcrumb.Text>\n          </Breadcrumb.Link>\n        </Breadcrumb.Item>\n        <Breadcrumb.Item isCurrent>\n          <Breadcrumb.Link\n            href=\"https://github.com/GeekyAnts/nativebase\"\n            isExternal\n          >\n            <HStack>\n              <Breadcrumb.Icon\n                as={<AntDesign name=\"github\" />}\n                mr={1}\n                size=\"xs\"\n              />\n              <Breadcrumb.Text>\n                Github (This is currently active)\n              </Breadcrumb.Text>\n            </HStack>\n          </Breadcrumb.Link>\n        </Breadcrumb.Item>\n      </Breadcrumb>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}