{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Center/SquareCircle.tsx\";\nimport React from 'react';\nimport { Circle, Square, 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: 3\n  }, React.createElement(Circle, {\n    size: \"40px\",\n    bg: \"secondary.400\"\n  }, React.createElement(Icon, {\n    as: React.createElement(MaterialIcons, {\n      name: \"audiotrack\"\n    }),\n    color: \"white\",\n    size: 5\n  })), React.createElement(Square, {\n    size: \"40px\",\n    bg: \"primary.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/SquareCircle.tsx"],"names":["React","Circle","Square","Box","HStack","Icon","MaterialIcons","Example","fontWeight","fontSize","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,GAAzB,EAA8BC,MAA9B,EAAsCC,IAAtC;AACA,SAASC,aAAT,QAA8B,oBAA9B;AACA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,KACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,MAAb;AAAoB,IAAA,EAAE,EAAC;AAAvB,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,IAAI,EAAC,MAAb;AAAoB,IAAA,EAAE,EAAC;AAAvB,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 { Circle, Square, Box, HStack, Icon } from 'native-base';\nimport { MaterialIcons } from '@expo/vector-icons';\nexport function Example() {\n  return (\n    <HStack space={3}>\n      <Circle size=\"40px\" bg=\"secondary.400\">\n        <Icon as={<MaterialIcons name=\"audiotrack\" />} color=\"white\" size={5} />\n      </Circle>\n      <Square size=\"40px\" bg=\"primary.400\">\n        <Box _text={{ fontWeight: 'bold', fontSize: 'lg', color: 'white' }}>\n          20\n        </Box>\n      </Square>\n    </HStack>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}