{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Breadcrumb/Collapsible.tsx\";\n\nimport React, { useState } from 'react';\nimport { Breadcrumb, Box, Heading, HStack, Button } 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  var _useState = useState(true),\n      _useState2 = _slicedToArray(_useState, 2),\n      collapsed = _useState2[0],\n      setCollapsed = _useState2[1];\n\n  return React.createElement(React.Fragment, null, React.createElement(Box, null, React.createElement(Heading, {\n    mb: 4\n  }, \"Breadcrumb Collapsible\"), React.createElement(Breadcrumb, {\n    mt: 3,\n    spacing: 2,\n    _button: {\n      bg: 'transparent'\n    },\n    maxItems: 1,\n    isCollapsed: collapsed,\n    onCollapseChange: function onCollapseChange() {\n      setCollapsed(!collapsed);\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    _current: {\n      color: 'blue.500'\n    }\n  }), React.createElement(Breadcrumb.Text, {\n    _current: {\n      color: 'blue.500'\n    }\n  }, \"Home\")))), 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    _current: {\n      color: 'blue.500'\n    }\n  }), React.createElement(Breadcrumb.Text, {\n    _current: {\n      color: 'blue.500'\n    }\n  }, \"Discord\")))), 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    _current: {\n      color: 'red.500'\n    }\n  }), React.createElement(Breadcrumb.Text, {\n    _current: {\n      color: 'red.500'\n    }\n  }, \"Github (This is currently active)\")))))), React.createElement(Box, {\n    mt: 3\n  }, React.createElement(Button, {\n    variant: \"outline\",\n    colorScheme: \"gray\",\n    p: 3,\n    borderWidth: 0,\n    onPress: function onPress() {\n      setCollapsed(!collapsed);\n    }\n  }, collapsed ? 'Expand' : 'Collapse')));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Breadcrumb/Collapsible.tsx"],"names":["React","useState","Breadcrumb","Box","Heading","HStack","Button","MaterialCommunityIcons","MaterialIcons","AntDesign","Example","collapsed","setCollapsed","bg","color"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Breadcrumb, Box, Heading, HStack, Button } from 'native-base';\nimport {\n  MaterialCommunityIcons,\n  MaterialIcons,\n  AntDesign,\n} from '@expo/vector-icons';\n\nexport const Example = () => {\n  const [collapsed, setCollapsed] = useState(true);\n  return (\n    <>\n      <Box>\n        <Heading mb={4}>Breadcrumb Collapsible</Heading>\n        <Breadcrumb\n          mt={3}\n          spacing={2}\n          _button={{ bg: 'transparent' }}\n          maxItems={1}\n          isCollapsed={collapsed}\n          onCollapseChange={() => {\n            setCollapsed(!collapsed);\n          }}\n        >\n          <Breadcrumb.Item>\n            <Breadcrumb.Link>\n              <HStack>\n                <Breadcrumb.Icon\n                  as={<MaterialIcons name=\"home\" />}\n                  mr={1}\n                  size=\"xs\"\n                  _current={{ color: 'blue.500' }}\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>\n              <HStack>\n                <Breadcrumb.Icon\n                  as={<MaterialIcons name=\"home\" />}\n                  mr={1}\n                  size=\"xs\"\n                  _current={{ color: 'blue.500' }}\n                />\n                <Breadcrumb.Text _current={{ color: 'blue.500' }}>\n                  Discord\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                  _current={{ color: 'red.500' }}\n                />\n                <Breadcrumb.Text _current={{ color: 'red.500' }}>\n                  Github (This is currently active)\n                </Breadcrumb.Text>\n              </HStack>\n            </Breadcrumb.Link>\n          </Breadcrumb.Item>\n        </Breadcrumb>\n      </Box>\n      <Box mt={3}>\n        <Button\n          variant=\"outline\"\n          colorScheme=\"gray\"\n          p={3}\n          borderWidth={0}\n          onPress={() => {\n            setCollapsed(!collapsed);\n          }}\n        >\n          {collapsed ? 'Expand' : 'Collapse'}\n        </Button>\n      </Box>\n    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}