{"ast":null,"code":"import React from 'react';\nimport { IconButton, Box, Center, Heading, VStack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { MaterialIcons } from '@expo/vector-icons';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsxs(Center, {\n    children: [_jsx(Heading, {\n      mb: \"10\",\n      children: \"Sizes\"\n    }), _jsx(VStack, {\n      space: 4,\n      alignItems: \"center\",\n      children: ['sm', 'md', 'lg'].map(function (size) {\n        return _jsx(Box, {\n          children: _jsx(IconButton, {\n            size: size,\n            variant: \"solid\",\n            _icon: {\n              as: MaterialIcons,\n              name: 'menu'\n            }\n          })\n        });\n      })\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/IconButton/Sizes.tsx"],"names":["React","IconButton","Box","Center","Heading","VStack","MaterialIcons","Example","map","size","as","name"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,GAArB,EAA0BC,MAA1B,EAAkCC,OAAlC,EAA2CC,MAA3C;AACA,SAASC,aAAT,QAA8B,oBAA9B;;;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,MAAC,MAAD;AAAA,eACE,KAAC,OAAD;AAAS,MAAA,EAAE,EAAC,IAAZ;AAAA;AAAA,MADF,EAEE,KAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,UAAU,EAAC,QAA7B;AAAA,gBACG,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmBC,GAAnB,CAAuB,UAACC,IAAD;AAAA,eACtB,KAAC,GAAD;AAAA,oBACE,KAAC,UAAD;AACE,YAAA,IAAI,EAAEA,IADR;AAEE,YAAA,OAAO,EAAC,OAFV;AAGE,YAAA,KAAK,EAAE;AACLC,cAAAA,EAAE,EAAEJ,aADC;AAELK,cAAAA,IAAI,EAAE;AAFD;AAHT;AADF,UADsB;AAAA,OAAvB;AADH,MAFF;AAAA,IADF;AAmBD,CApBM","sourcesContent":["import React from 'react';\nimport { IconButton, Box, Center, Heading, VStack } from 'native-base';\nimport { MaterialIcons } from '@expo/vector-icons';\nexport const Example = () => {\n  return (\n    <Center>\n      <Heading mb=\"10\">Sizes</Heading>\n      <VStack space={4} alignItems=\"center\">\n        {['sm', 'md', 'lg'].map((size: any) => (\n          <Box>\n            <IconButton\n              size={size}\n              variant=\"solid\"\n              _icon={{\n                as: MaterialIcons,\n                name: 'menu',\n              }}\n            />\n          </Box>\n        ))}\n      </VStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}