{"ast":null,"code":"import React from 'react';\nimport { IconButton, Icon, VStack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Path } from 'react-native-svg';\nexport var Example = function Example() {\n  return React.createElement(VStack, {\n    space: 4\n  }, React.createElement(IconButton, {\n    variant: \"solid\",\n    onPress: function onPress() {\n      return console.log('IconButton pressed');\n    },\n    _icon: {\n      viewBox: '0 0 100 100',\n      size: 10,\n      strokeWidth: '10',\n      width: '100',\n      height: '100'\n    }\n  }, React.createElement(Path, {\n    d: \"M46.667 90v-.008c-4.922 0-11.021-2.695-13.333-6.66V40c5.521 0 10-4.479 10-10V13.333A3.33 3.33 0 0 1 46.667 10C54.029 10 60 15.97 60 23.333v13.333A3.331 3.331 0 0 0 63.334 40H80c5.52 0 10 4.479 10 10v30h-.004c0 5.52-4.477 9.992-9.996 10H46.667zM10 40h16.666v43.333H10z\"\n  })), React.createElement(IconButton, {\n    variant: \"solid\",\n    onPress: function onPress() {\n      return console.log('IconButton pressed');\n    },\n    icon: React.createElement(Icon, {\n      width: \"100\",\n      viewBox: \"0 0 100 100\",\n      size: \"10\",\n      strokeWidth: \"10\",\n      height: \"100\",\n      color: \"lightBlue.600\"\n    }, React.createElement(Path, {\n      d: \"M46.667 90v-.008c-4.922 0-11.021-2.695-13.333-6.66V40c5.521 0 10-4.479 10-10V13.333A3.33 3.33 0 0 1 46.667 10C54.029 10 60 15.97 60 23.333v13.333A3.331 3.331 0 0 0 63.334 40H80c5.52 0 10 4.479 10 10v30h-.004c0 5.52-4.477 9.992-9.996 10H46.667zM10 40h16.666v43.333H10z\"\n    }))\n  }));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/IconButton/SVGIcon.tsx"],"names":["React","IconButton","Icon","VStack","Path","Example","console","log","viewBox","size","strokeWidth","width","height"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,MAA3B;AACA,SAASC,IAAT,QAAqB,kBAArB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,KAEE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAC,OADV;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ,CAAN;AAAA,KAFX;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAE,aADJ;AAELC,MAAAA,IAAI,EAAE,EAFD;AAGLC,MAAAA,WAAW,EAAE,IAHR;AAILC,MAAAA,KAAK,EAAE,KAJF;AAKLC,MAAAA,MAAM,EAAE;AALH;AAHT,KAWE,oBAAC,IAAD;AAAM,IAAA,CAAC,EAAC;AAAR,IAXF,CAFF,EAiBE,oBAAC,UAAD;AACE,IAAA,OAAO,EAAC,OADV;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMN,OAAO,CAACC,GAAR,CAAY,oBAAZ,CAAN;AAAA,KAFX;AAGE,IAAA,IAAI,EACF,oBAAC,IAAD;AACE,MAAA,KAAK,EAAC,KADR;AAEE,MAAA,OAAO,EAAC,aAFV;AAGE,MAAA,IAAI,EAAC,IAHP;AAIE,MAAA,WAAW,EAAC,IAJd;AAKE,MAAA,MAAM,EAAC,KALT;AAME,MAAA,KAAK,EAAC;AANR,OAQE,oBAAC,IAAD;AAAM,MAAA,CAAC,EAAC;AAAR,MARF;AAJJ,IAjBF,CADF;AAoCD,CArCM","sourcesContent":["import React from 'react';\nimport { IconButton, Icon, VStack } from 'native-base';\nimport { Path } from 'react-native-svg';\n\nexport const Example = () => {\n  return (\n    <VStack space={4}>\n      {/* Suggested */}\n      <IconButton\n        variant=\"solid\"\n        onPress={() => console.log('IconButton pressed')}\n        _icon={{\n          viewBox: '0 0 100 100',\n          size: 10,\n          strokeWidth: '10',\n          width: '100',\n          height: '100',\n        }}\n      >\n        <Path d=\"M46.667 90v-.008c-4.922 0-11.021-2.695-13.333-6.66V40c5.521 0 10-4.479 10-10V13.333A3.33 3.33 0 0 1 46.667 10C54.029 10 60 15.97 60 23.333v13.333A3.331 3.331 0 0 0 63.334 40H80c5.52 0 10 4.479 10 10v30h-.004c0 5.52-4.477 9.992-9.996 10H46.667zM10 40h16.666v43.333H10z\" />\n      </IconButton>\n\n      {/* Alternatively */}\n      <IconButton\n        variant=\"solid\"\n        onPress={() => console.log('IconButton pressed')}\n        icon={\n          <Icon\n            width=\"100\"\n            viewBox=\"0 0 100 100\"\n            size=\"10\"\n            strokeWidth=\"10\"\n            height=\"100\"\n            color=\"lightBlue.600\"\n          >\n            <Path d=\"M46.667 90v-.008c-4.922 0-11.021-2.695-13.333-6.66V40c5.521 0 10-4.479 10-10V13.333A3.33 3.33 0 0 1 46.667 10C54.029 10 60 15.97 60 23.333v13.333A3.331 3.331 0 0 0 63.334 40H80c5.52 0 10 4.479 10 10v30h-.004c0 5.52-4.477 9.992-9.996 10H46.667zM10 40h16.666v43.333H10z\" />\n          </Icon>\n        }\n      />\n    </VStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}