{"ast":null,"code":"import React from 'react';\nimport { Box, Text, MoonIcon, SunIcon, CheckIcon, CircleIcon, ArrowBackIcon, AddIcon, ArrowForwardIcon, ArrowUpIcon, ArrowDownIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, SmallCloseIcon, HamburgerIcon, InfoIcon, InfoOutlineIcon, MinusIcon, QuestionIcon, QuestionOutlineIcon, SearchIcon, WarningIcon, WarningTwoIcon, ThreeDotsIcon, WarningOutlineIcon, ShareIcon, PlayIcon, FavouriteIcon, DeleteIcon, VStack, FlatList, useBreakpointValue } 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  var cols = useBreakpointValue({\n    base: 3,\n    sm: 4,\n    md: 8\n  });\n  var icons = [{\n    icon: _jsx(AddIcon, {\n      size: \"md\"\n    }),\n    iconName: 'add'\n  }, {\n    icon: _jsx(ArrowBackIcon, {}),\n    iconName: 'arrow-back'\n  }, {\n    icon: _jsx(ArrowForwardIcon, {}),\n    iconName: 'arrow-forward'\n  }, {\n    icon: _jsx(ArrowUpIcon, {}),\n    iconName: 'arrow-up'\n  }, {\n    icon: _jsx(ArrowDownIcon, {}),\n    iconName: 'arrow-down'\n  }, {\n    icon: _jsx(CheckIcon, {}),\n    iconName: 'check'\n  }, {\n    icon: _jsx(CheckCircleIcon, {}),\n    iconName: 'check-circle'\n  }, {\n    icon: _jsx(ChevronDownIcon, {}),\n    iconName: 'chevron-down'\n  }, {\n    icon: _jsx(ChevronLeftIcon, {}),\n    iconName: 'chevron-left'\n  }, {\n    icon: _jsx(ChevronRightIcon, {}),\n    iconName: 'chevron-right'\n  }, {\n    icon: _jsx(ChevronUpIcon, {}),\n    iconName: 'chevron-up'\n  }, {\n    icon: _jsx(CircleIcon, {}),\n    iconName: 'circle'\n  }, {\n    icon: _jsx(CloseIcon, {}),\n    iconName: 'close'\n  }, {\n    icon: _jsx(SmallCloseIcon, {}),\n    iconName: 'small-close'\n  }, {\n    icon: _jsx(HamburgerIcon, {}),\n    iconName: 'menu'\n  }, {\n    icon: _jsx(InfoIcon, {}),\n    iconName: 'info'\n  }, {\n    icon: _jsx(InfoOutlineIcon, {}),\n    iconName: 'info-outline'\n  }, {\n    icon: _jsx(MinusIcon, {}),\n    iconName: 'minus'\n  }, {\n    icon: _jsx(MoonIcon, {}),\n    iconName: 'moon'\n  }, {\n    icon: _jsx(QuestionIcon, {}),\n    iconName: 'question'\n  }, {\n    icon: _jsx(QuestionOutlineIcon, {}),\n    iconName: 'question-outline'\n  }, {\n    icon: _jsx(SearchIcon, {}),\n    iconName: 'search'\n  }, {\n    icon: _jsx(SunIcon, {}),\n    iconName: 'sun'\n  }, {\n    icon: _jsx(WarningIcon, {}),\n    iconName: 'warning-1'\n  }, {\n    icon: _jsx(WarningTwoIcon, {}),\n    iconName: 'warning-2'\n  }, {\n    icon: _jsx(WarningOutlineIcon, {}),\n    iconName: 'warning-outline'\n  }, {\n    icon: _jsx(ThreeDotsIcon, {}),\n    iconName: 'three-dots'\n  }, {\n    icon: _jsx(ShareIcon, {}),\n    iconName: 'share'\n  }, {\n    icon: _jsx(PlayIcon, {}),\n    iconName: 'play'\n  }, {\n    icon: _jsx(FavouriteIcon, {}),\n    iconName: 'favourite'\n  }, {\n    icon: _jsx(DeleteIcon, {}),\n    iconName: 'delete'\n  }];\n  return _jsx(Box, {\n    w: \"100%\",\n    children: _jsx(FlatList, {\n      data: icons,\n      renderItem: function renderItem(_ref) {\n        var item = _ref.item;\n        return _jsxs(VStack, {\n          py: \"2\",\n          flex: 1,\n          space: 2,\n          my: 3,\n          mx: 2,\n          boxSize: \"76\",\n          alignItems: \"center\",\n          children: [_jsx(Box, {\n            _text: {\n              textAlign: 'center'\n            },\n            children: item.icon\n          }), _jsx(Text, {\n            textAlign: \"center\",\n            children: item.iconName\n          })]\n        });\n      },\n      keyExtractor: function keyExtractor(item) {\n        return item.iconName;\n      },\n      numColumns: cols\n    })\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","SmallCloseIcon","HamburgerIcon","InfoIcon","InfoOutlineIcon","MinusIcon","QuestionIcon","QuestionOutlineIcon","SearchIcon","WarningIcon","WarningTwoIcon","ThreeDotsIcon","WarningOutlineIcon","ShareIcon","PlayIcon","FavouriteIcon","DeleteIcon","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  SmallCloseIcon,\n  HamburgerIcon,\n  InfoIcon,\n  InfoOutlineIcon,\n  MinusIcon,\n  QuestionIcon,\n  QuestionOutlineIcon,\n  SearchIcon,\n  WarningIcon,\n  WarningTwoIcon,\n  ThreeDotsIcon,\n  WarningOutlineIcon,\n  ShareIcon,\n  PlayIcon,\n  FavouriteIcon,\n  DeleteIcon,\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=\"md\" />,\n      iconName: 'add',\n    },\n    {\n      icon: <ArrowBackIcon />,\n      iconName: 'arrow-back',\n    },\n    {\n      icon: <ArrowForwardIcon />,\n      iconName: 'arrow-forward',\n    },\n    {\n      icon: <ArrowUpIcon />,\n      iconName: 'arrow-up',\n    },\n    {\n      icon: <ArrowDownIcon />,\n      iconName: 'arrow-down',\n    },\n    {\n      icon: <CheckIcon />,\n      iconName: 'check',\n    },\n    {\n      icon: <CheckCircleIcon />,\n      iconName: 'check-circle',\n    },\n    {\n      icon: <ChevronDownIcon />,\n      iconName: 'chevron-down',\n    },\n    {\n      icon: <ChevronLeftIcon />,\n      iconName: 'chevron-left',\n    },\n    {\n      icon: <ChevronRightIcon />,\n      iconName: 'chevron-right',\n    },\n    {\n      icon: <ChevronUpIcon />,\n      iconName: 'chevron-up',\n    },\n    {\n      icon: <CircleIcon />,\n      iconName: 'circle',\n    },\n    {\n      icon: <CloseIcon />,\n      iconName: 'close',\n    },\n    {\n      icon: <SmallCloseIcon />,\n      iconName: 'small-close',\n    },\n    {\n      icon: <HamburgerIcon />,\n      iconName: 'menu',\n    },\n    {\n      icon: <InfoIcon />,\n      iconName: 'info',\n    },\n    {\n      icon: <InfoOutlineIcon />,\n      iconName: 'info-outline',\n    },\n    {\n      icon: <MinusIcon />,\n      iconName: 'minus',\n    },\n    {\n      icon: <MoonIcon />,\n      iconName: 'moon',\n    },\n    {\n      icon: <QuestionIcon />,\n      iconName: 'question',\n    },\n    {\n      icon: <QuestionOutlineIcon />,\n      iconName: 'question-outline',\n    },\n    {\n      icon: <SearchIcon />,\n      iconName: 'search',\n    },\n    {\n      icon: <SunIcon />,\n      iconName: 'sun',\n    },\n    {\n      icon: <WarningIcon />,\n      iconName: 'warning-1',\n    },\n    {\n      icon: <WarningTwoIcon />,\n      iconName: 'warning-2',\n    },\n    {\n      icon: <WarningOutlineIcon />,\n      iconName: 'warning-outline',\n    },\n    {\n      icon: <ThreeDotsIcon />,\n      iconName: 'three-dots',\n    },\n    {\n      icon: <ShareIcon />,\n      iconName: 'share',\n    },\n    {\n      icon: <PlayIcon />,\n      iconName: 'play',\n    },\n    {\n      icon: <FavouriteIcon />,\n      iconName: 'favourite',\n    },\n    {\n      icon: <DeleteIcon />,\n      iconName: 'delete',\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"}