{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Icon/AllIcons.tsx\";\n\nimport React from 'react';\nimport { Box, Text, MoonIcon, SunIcon, CheckIcon, CircleIcon, ArrowBackIcon, AddIcon, ArrowForwardIcon, ArrowUpIcon, ArrowDownIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, HamburgerIcon, InfoIcon, InfoOutlineIcon, MinusIcon, QuestionIcon, QuestionOutlineIcon, SearchIcon, WarningIcon, WarningTwoIcon, VStack, FlatList, useBreakpointValue } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var cols = useBreakpointValue({\n    base: 3,\n    sm: 4,\n    md: 8\n  });\n  var icons = [{\n    icon: React.createElement(AddIcon, {\n      size: \"4\"\n    }),\n    iconName: 'add'\n  }, {\n    icon: React.createElement(ArrowBackIcon, {\n      size: \"4\"\n    }),\n    iconName: 'arrow-back'\n  }, {\n    icon: React.createElement(ArrowForwardIcon, {\n      size: \"4\"\n    }),\n    iconName: 'arrow-forward'\n  }, {\n    icon: React.createElement(ArrowUpIcon, {\n      size: \"4\"\n    }),\n    iconName: 'arrow-up'\n  }, {\n    icon: React.createElement(ArrowDownIcon, {\n      size: \"4\"\n    }),\n    iconName: 'arrow-down'\n  }, {\n    icon: React.createElement(CheckIcon, {\n      size: \"4\"\n    }),\n    iconName: 'check'\n  }, {\n    icon: React.createElement(CheckCircleIcon, {\n      size: \"4\"\n    }),\n    iconName: 'check-circle'\n  }, {\n    icon: React.createElement(ChevronDownIcon, {\n      size: \"4\"\n    }),\n    iconName: 'chevron-down'\n  }, {\n    icon: React.createElement(ChevronLeftIcon, {\n      size: \"4\"\n    }),\n    iconName: 'chevron-left'\n  }, {\n    icon: React.createElement(ChevronRightIcon, {\n      size: \"4\"\n    }),\n    iconName: 'chevron-right'\n  }, {\n    icon: React.createElement(ChevronUpIcon, {\n      size: \"4\"\n    }),\n    iconName: 'chevron-up'\n  }, {\n    icon: React.createElement(CircleIcon, {\n      size: \"4\"\n    }),\n    iconName: 'circle'\n  }, {\n    icon: React.createElement(CloseIcon, {\n      size: \"4\"\n    }),\n    iconName: 'close'\n  }, {\n    icon: React.createElement(HamburgerIcon, {\n      size: \"4\"\n    }),\n    iconName: 'menu'\n  }, {\n    icon: React.createElement(InfoIcon, {\n      size: \"4\"\n    }),\n    iconName: 'info'\n  }, {\n    icon: React.createElement(InfoOutlineIcon, {\n      size: \"4\"\n    }),\n    iconName: 'info-outline'\n  }, {\n    icon: React.createElement(MinusIcon, {\n      size: \"4\"\n    }),\n    iconName: 'minus'\n  }, {\n    icon: React.createElement(MoonIcon, {\n      size: \"4\"\n    }),\n    iconName: 'moon'\n  }, {\n    icon: React.createElement(QuestionIcon, {\n      size: \"4\"\n    }),\n    iconName: 'question'\n  }, {\n    icon: React.createElement(QuestionOutlineIcon, {\n      size: \"4\"\n    }),\n    iconName: 'question-outline'\n  }, {\n    icon: React.createElement(SearchIcon, {\n      size: \"4\"\n    }),\n    iconName: 'search'\n  }, {\n    icon: React.createElement(SunIcon, {\n      size: \"4\"\n    }),\n    iconName: 'sun'\n  }, {\n    icon: React.createElement(WarningIcon, {\n      size: \"4\"\n    }),\n    iconName: 'warning-1'\n  }, {\n    icon: React.createElement(WarningTwoIcon, {\n      size: \"4\"\n    }),\n    iconName: 'warning-2'\n  }];\n  return React.createElement(Box, {\n    w: \"100%\"\n  }, React.createElement(FlatList, {\n    data: icons,\n    renderItem: function renderItem(_ref) {\n      var item = _ref.item;\n      return React.createElement(VStack, {\n        py: \"2\",\n        flex: 1,\n        space: 2,\n        my: 3,\n        mx: 2,\n        boxSize: \"76\",\n        alignItems: \"center\"\n      }, React.createElement(Box, {\n        _text: {\n          textAlign: 'center'\n        }\n      }, item.icon), React.createElement(Text, {\n        textAlign: \"center\"\n      }, item.iconName));\n    },\n    keyExtractor: function keyExtractor(item) {\n      return item.iconName;\n    },\n    numColumns: cols\n  }));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Icon/AllIcons.tsx"],"names":["React","Box","Text","MoonIcon","SunIcon","CheckIcon","CircleIcon","ArrowBackIcon","AddIcon","ArrowForwardIcon","ArrowUpIcon","ArrowDownIcon","CheckCircleIcon","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","ChevronUpIcon","CloseIcon","HamburgerIcon","InfoIcon","InfoOutlineIcon","MinusIcon","QuestionIcon","QuestionOutlineIcon","SearchIcon","WarningIcon","WarningTwoIcon","VStack","FlatList","useBreakpointValue","Example","cols","base","sm","md","icons","icon","iconName","item","textAlign"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Text,\n  MoonIcon,\n  SunIcon,\n  CheckIcon,\n  CircleIcon,\n  ArrowBackIcon,\n  AddIcon,\n  ArrowForwardIcon,\n  ArrowUpIcon,\n  ArrowDownIcon,\n  CheckCircleIcon,\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronUpIcon,\n  CloseIcon,\n  HamburgerIcon,\n  InfoIcon,\n  InfoOutlineIcon,\n  MinusIcon,\n  QuestionIcon,\n  QuestionOutlineIcon,\n  SearchIcon,\n  WarningIcon,\n  WarningTwoIcon,\n  VStack,\n  FlatList,\n  useBreakpointValue,\n} from 'native-base';\nexport const Example = () => {\n  const cols = useBreakpointValue({\n    base: 3,\n    sm: 4,\n    md: 8,\n  });\n  const icons = [\n    {\n      icon: <AddIcon size=\"4\" />,\n      iconName: 'add',\n    },\n    {\n      icon: <ArrowBackIcon size=\"4\" />,\n      iconName: 'arrow-back',\n    },\n    {\n      icon: <ArrowForwardIcon size=\"4\" />,\n      iconName: 'arrow-forward',\n    },\n    {\n      icon: <ArrowUpIcon size=\"4\" />,\n      iconName: 'arrow-up',\n    },\n    {\n      icon: <ArrowDownIcon size=\"4\" />,\n      iconName: 'arrow-down',\n    },\n    {\n      icon: <CheckIcon size=\"4\" />,\n      iconName: 'check',\n    },\n    {\n      icon: <CheckCircleIcon size=\"4\" />,\n      iconName: 'check-circle',\n    },\n    {\n      icon: <ChevronDownIcon size=\"4\" />,\n      iconName: 'chevron-down',\n    },\n    {\n      icon: <ChevronLeftIcon size=\"4\" />,\n      iconName: 'chevron-left',\n    },\n    {\n      icon: <ChevronRightIcon size=\"4\" />,\n      iconName: 'chevron-right',\n    },\n    {\n      icon: <ChevronUpIcon size=\"4\" />,\n      iconName: 'chevron-up',\n    },\n    {\n      icon: <CircleIcon size=\"4\" />,\n      iconName: 'circle',\n    },\n    {\n      icon: <CloseIcon size=\"4\" />,\n      iconName: 'close',\n    },\n    {\n      icon: <HamburgerIcon size=\"4\" />,\n      iconName: 'menu',\n    },\n    {\n      icon: <InfoIcon size=\"4\" />,\n      iconName: 'info',\n    },\n    {\n      icon: <InfoOutlineIcon size=\"4\" />,\n      iconName: 'info-outline',\n    },\n    {\n      icon: <MinusIcon size=\"4\" />,\n      iconName: 'minus',\n    },\n    {\n      icon: <MoonIcon size=\"4\" />,\n      iconName: 'moon',\n    },\n    {\n      icon: <QuestionIcon size=\"4\" />,\n      iconName: 'question',\n    },\n    {\n      icon: <QuestionOutlineIcon size=\"4\" />,\n      iconName: 'question-outline',\n    },\n    {\n      icon: <SearchIcon size=\"4\" />,\n      iconName: 'search',\n    },\n    {\n      icon: <SunIcon size=\"4\" />,\n      iconName: 'sun',\n    },\n    {\n      icon: <WarningIcon size=\"4\" />,\n      iconName: 'warning-1',\n    },\n    {\n      icon: <WarningTwoIcon size=\"4\" />,\n      iconName: 'warning-2',\n    },\n  ];\n  return (\n    <Box w=\"100%\">\n      <FlatList\n        data={icons}\n        renderItem={({ item }) => (\n          <VStack\n            py=\"2\"\n            flex={1}\n            space={2}\n            my={3}\n            mx={2}\n            boxSize=\"76\"\n            alignItems=\"center\"\n          >\n            <Box _text={{ textAlign: 'center' }}>{item.icon}</Box>\n            <Text textAlign=\"center\">{item.iconName}</Text>\n          </VStack>\n        )}\n        keyExtractor={(item) => item.iconName}\n        numColumns={cols}\n      />\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}