{"ast":null,"code":"import 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';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function Example() {\n  return _jsxs(HStack, {\n    space: 3,\n    children: [_jsx(Circle, {\n      size: 98,\n      bg: \"secondary.400\",\n      children: _jsx(Icon, {\n        as: _jsx(MaterialIcons, {\n          name: \"audiotrack\"\n        }),\n        color: \"white\",\n        size: 8\n      })\n    }), _jsx(Square, {\n      size: \"lg\",\n      bg: \"primary.400\",\n      children: _jsx(Box, {\n        _text: {\n          fontWeight: 'bold',\n          fontSize: 'lg',\n          color: 'white'\n        },\n        children: \"20\"\n      })\n    })]\n  });\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,MAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAA,eACE,KAAC,MAAD;AAAQ,MAAA,IAAI,EAAE,EAAd;AAAkB,MAAA,EAAE,EAAC,eAArB;AAAA,gBACE,KAAC,IAAD;AAAM,QAAA,EAAE,EAAE,KAAC,aAAD;AAAe,UAAA,IAAI,EAAC;AAApB,UAAV;AAA+C,QAAA,KAAK,EAAC,OAArD;AAA6D,QAAA,IAAI,EAAE;AAAnE;AADF,MADF,EAIE,KAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,IAAb;AAAkB,MAAA,EAAE,EAAC,aAArB;AAAA,gBACE,KAAC,GAAD;AAAK,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,MAAd;AAAsBC,UAAAA,QAAQ,EAAE,IAAhC;AAAsCC,UAAAA,KAAK,EAAE;AAA7C,SAAZ;AAAA;AAAA;AADF,MAJF;AAAA,IADF;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={98} bg=\"secondary.400\">\n        <Icon as={<MaterialIcons name=\"audiotrack\" />} color=\"white\" size={8} />\n      </Circle>\n      <Square size=\"lg\" 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"}