{"ast":null,"code":"import React from 'react';\nimport { IconButton, Icon } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Entypo } from '@expo/vector-icons';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsx(IconButton, {\n    icon: _jsx(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","Entypo","Example","color","size","bg","_icon","name","_ios"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB;AACA,SAASC,MAAT,QAAuB,oBAAvB;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,KAAC,UAAD;AACE,IAAA,IAAI,EAAE,KAAC,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;AA6BD,CA9BM","sourcesContent":["import React from 'react';\nimport { IconButton, Icon } from 'native-base';\nimport { Entypo } from '@expo/vector-icons';\n\nexport const Example = () => {\n  return (\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  );\n};\n"]},"metadata":{},"sourceType":"module"}