{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Center/WithIcons.tsx\";\nimport React from 'react';\nimport { Center, Box, HStack, Icon } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { MaterialIcons } from '@expo/vector-icons';\nexport function Example() {\n  return React.createElement(HStack, {\n    space: 1\n  }, React.createElement(Center, {\n    w: \"40px\",\n    h: \"40px\",\n    bg: \"primary.400\"\n  }, React.createElement(Icon, {\n    as: React.createElement(MaterialIcons, {\n      name: \"audiotrack\"\n    }),\n    color: \"white\",\n    size: 6\n  })), React.createElement(Center, {\n    w: \"40px\",\n    h: \"40px\",\n    bg: \"secondary.400\"\n  }, React.createElement(Box, {\n    _text: {\n      fontWeight: 'bold',\n      fontSize: 'lg',\n      color: 'white'\n    }\n  }, \"20\")));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Center/WithIcons.tsx"],"names":["React","Center","Box","HStack","Icon","MaterialIcons","Example","fontWeight","fontSize","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,GAAjB,EAAsBC,MAAtB,EAA8BC,IAA9B;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,KACE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC,MAAV;AAAiB,IAAA,CAAC,EAAC,MAAnB;AAA0B,IAAA,EAAE,EAAC;AAA7B,KACE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAE,oBAAC,aAAD;AAAe,MAAA,IAAI,EAAC;AAApB,MAAV;AAA+C,IAAA,KAAK,EAAC,OAArD;AAA6D,IAAA,IAAI,EAAE;AAAnE,IADF,CADF,EAIE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC,MAAV;AAAiB,IAAA,CAAC,EAAC,MAAnB;AAA0B,IAAA,EAAE,EAAC;AAA7B,KACE,oBAAC,GAAD;AAAK,IAAA,KAAK,EAAE;AAAEC,MAAAA,UAAU,EAAE,MAAd;AAAsBC,MAAAA,QAAQ,EAAE,IAAhC;AAAsCC,MAAAA,KAAK,EAAE;AAA7C;AAAZ,UADF,CAJF,CADF;AAYD","sourcesContent":["import React from 'react';\nimport { Center, Box, HStack, Icon } from 'native-base';\nimport { MaterialIcons } from '@expo/vector-icons';\n\nexport function Example() {\n  return (\n    <HStack space={1}>\n      <Center w=\"40px\" h=\"40px\" bg=\"primary.400\">\n        <Icon as={<MaterialIcons name=\"audiotrack\" />} color=\"white\" size={6} />\n      </Center>\n      <Center w=\"40px\" h=\"40px\" bg=\"secondary.400\">\n        <Box _text={{ fontWeight: 'bold', fontSize: 'lg', color: 'white' }}>\n          20\n        </Box>\n      </Center>\n    </HStack>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}