{"ast":null,"code":"import React from 'react';\nimport { IconButton, Icon, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Entypo } from '@expo/vector-icons';\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(IconButton, {\n    icon: React.createElement(Icon, {\n      as: Entypo,\n      name: \"emoji-happy\"\n    }),\n    borderRadius: \"full\",\n    _icon: {\n      color: 'orange.500',\n      size: 'md'\n    },\n    _hover: {\n      bg: 'orange.600:alpha.20'\n    },\n    _pressed: {\n      bg: 'orange.600:alpha.20',\n      _icon: {\n        name: 'emoji-flirt'\n      },\n      _ios: {\n        _icon: {\n          size: '2xl'\n        }\n      }\n    },\n    _ios: {\n      _icon: {\n        size: '2xl'\n      }\n    }\n  }));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/IconButton/Basic.tsx"],"names":["React","IconButton","Icon","Box","Entypo","Example","color","size","bg","_icon","name","_ios"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,GAA3B;AACA,SAASC,MAAT,QAAuB,oBAAvB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAED,MAAV;AAAkB,MAAA,IAAI,EAAC;AAAvB,MADR;AAEE,IAAA,YAAY,EAAC,MAFf;AAGE,IAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAE,YADF;AAELC,MAAAA,IAAI,EAAE;AAFD,KAHT;AAOE,IAAA,MAAM,EAAE;AACNC,MAAAA,EAAE,EAAE;AADE,KAPV;AAUE,IAAA,QAAQ,EAAE;AACRA,MAAAA,EAAE,EAAE,qBADI;AAERC,MAAAA,KAAK,EAAE;AACLC,QAAAA,IAAI,EAAE;AADD,OAFC;AAKRC,MAAAA,IAAI,EAAE;AACJF,QAAAA,KAAK,EAAE;AACLF,UAAAA,IAAI,EAAE;AADD;AADH;AALE,KAVZ;AAqBE,IAAA,IAAI,EAAE;AACJE,MAAAA,KAAK,EAAE;AACLF,QAAAA,IAAI,EAAE;AADD;AADH;AArBR,IADF,CADF;AA+BD,CAhCM","sourcesContent":["import React from 'react';\nimport { IconButton, Icon, Box } from 'native-base';\nimport { Entypo } from '@expo/vector-icons';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\">\n      <IconButton\n        icon={<Icon as={Entypo} name=\"emoji-happy\" />}\n        borderRadius=\"full\"\n        _icon={{\n          color: 'orange.500',\n          size: 'md',\n        }}\n        _hover={{\n          bg: 'orange.600:alpha.20',\n        }}\n        _pressed={{\n          bg: 'orange.600:alpha.20',\n          _icon: {\n            name: 'emoji-flirt',\n          },\n          _ios: {\n            _icon: {\n              size: '2xl',\n            },\n          },\n        }}\n        _ios={{\n          _icon: {\n            size: '2xl',\n          },\n        }}\n      />\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}