{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Actionsheet/Icon.tsx\";\nimport React from 'react';\nimport { Button, Actionsheet, useDisclose, Icon, Box, Text, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Path } from 'react-native-svg';\nimport { MaterialIcons, Ionicons } from '@expo/vector-icons';\nexport function Example() {\n  var _useDisclose = useDisclose(),\n      isOpen = _useDisclose.isOpen,\n      onOpen = _useDisclose.onOpen,\n      onClose = _useDisclose.onClose;\n\n  return React.createElement(Center, null, React.createElement(Button, {\n    onPress: onOpen\n  }, \"Actionsheet\"), React.createElement(Actionsheet, {\n    isOpen: isOpen,\n    onClose: onClose,\n    size: \"full\"\n  }, React.createElement(Actionsheet.Content, null, React.createElement(Box, {\n    w: \"100%\",\n    h: 60,\n    px: 4,\n    justifyContent: \"center\"\n  }, React.createElement(Text, {\n    fontSize: \"16\",\n    color: \"gray.500\",\n    _dark: {\n      color: 'gray.300'\n    }\n  }, \"Albums\")), React.createElement(Actionsheet.Item, {\n    startIcon: React.createElement(Icon, {\n      as: MaterialIcons,\n      color: \"trueGray.400\",\n      mr: \"1\",\n      size: \"6\",\n      name: \"delete\"\n    })\n  }, \"Delete\"), React.createElement(Actionsheet.Item, {\n    startIcon: React.createElement(Icon, {\n      as: MaterialIcons,\n      name: \"share\",\n      color: \"trueGray.400\",\n      mr: \"1\",\n      size: \"6\"\n    })\n  }, \"Share\"), React.createElement(Actionsheet.Item, {\n    startIcon: React.createElement(Icon, {\n      as: Ionicons,\n      name: \"play-circle\",\n      color: \"trueGray.400\",\n      mr: \"1\",\n      size: \"6\"\n    })\n  }, \"Play\"), React.createElement(Actionsheet.Item, {\n    startIcon: React.createElement(Icon, {\n      as: MaterialIcons,\n      color: \"trueGray.400\",\n      mr: \"1\",\n      size: \"6\",\n      name: \"favorite\"\n    })\n  }, \"Favourite\"), React.createElement(Actionsheet.Item, {\n    p: 3,\n    startIcon: React.createElement(Icon, {\n      color: \"trueGray.400\",\n      mr: \"1\",\n      h: \"24\",\n      w: \"24\",\n      viewBox: \"0 0 24 24\",\n      fill: \"none\"\n    }, React.createElement(Path, {\n      d: \"M12.0007 10.5862L16.9507 5.63623L18.3647 7.05023L13.4147 12.0002L18.3647 16.9502L16.9507 18.3642L12.0007 13.4142L7.05072 18.3642L5.63672 16.9502L10.5867 12.0002L5.63672 7.05023L7.05072 5.63623L12.0007 10.5862Z\"\n    }))\n  }, \"Cancel\"))));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Actionsheet/Icon.tsx"],"names":["React","Button","Actionsheet","useDisclose","Icon","Box","Text","Center","Path","MaterialIcons","Ionicons","Example","isOpen","onOpen","onClose","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,MADF,EAEEC,WAFF,EAGEC,WAHF,EAIEC,IAJF,EAKEC,GALF,EAMEC,IANF,EAOEC,MAPF;AASA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,oBAAxC;AAEA,OAAO,SAASC,OAAT,GAAmB;AAAA,qBACYR,WAAW,EADvB;AAAA,MAChBS,MADgB,gBAChBA,MADgB;AAAA,MACRC,MADQ,gBACRA,MADQ;AAAA,MACAC,OADA,gBACAA,OADA;;AAExB,SACE,oBAAC,MAAD,QACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAED;AAAjB,mBADF,EAEE,oBAAC,WAAD;AAAa,IAAA,MAAM,EAAED,MAArB;AAA6B,IAAA,OAAO,EAAEE,OAAtC;AAA+C,IAAA,IAAI,EAAC;AAApD,KACE,oBAAC,WAAD,CAAa,OAAb,QACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,MAAP;AAAc,IAAA,CAAC,EAAE,EAAjB;AAAqB,IAAA,EAAE,EAAE,CAAzB;AAA4B,IAAA,cAAc,EAAC;AAA3C,KACE,oBAAC,IAAD;AAAM,IAAA,QAAQ,EAAC,IAAf;AAAoB,IAAA,KAAK,EAAC,UAA1B;AAAqC,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AAA5C,cADF,CADF,EAME,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,SAAS,EACP,oBAAC,IAAD;AACE,MAAA,EAAE,EAAEN,aADN;AAEE,MAAA,KAAK,EAAC,cAFR;AAGE,MAAA,EAAE,EAAC,GAHL;AAIE,MAAA,IAAI,EAAC,GAJP;AAKE,MAAA,IAAI,EAAC;AALP;AAFJ,cANF,EAmBE,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,SAAS,EACP,oBAAC,IAAD;AACE,MAAA,EAAE,EAAEA,aADN;AAEE,MAAA,IAAI,EAAC,OAFP;AAGE,MAAA,KAAK,EAAC,cAHR;AAIE,MAAA,EAAE,EAAC,GAJL;AAKE,MAAA,IAAI,EAAC;AALP;AAFJ,aAnBF,EAgCE,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,SAAS,EACP,oBAAC,IAAD;AACE,MAAA,EAAE,EAAEC,QADN;AAEE,MAAA,IAAI,EAAC,aAFP;AAGE,MAAA,KAAK,EAAC,cAHR;AAIE,MAAA,EAAE,EAAC,GAJL;AAKE,MAAA,IAAI,EAAC;AALP;AAFJ,YAhCF,EA6CE,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,SAAS,EACP,oBAAC,IAAD;AACE,MAAA,EAAE,EAAED,aADN;AAEE,MAAA,KAAK,EAAC,cAFR;AAGE,MAAA,EAAE,EAAC,GAHL;AAIE,MAAA,IAAI,EAAC,GAJP;AAKE,MAAA,IAAI,EAAC;AALP;AAFJ,iBA7CF,EA0DE,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,CAAC,EAAE,CADL;AAEE,IAAA,SAAS,EACP,oBAAC,IAAD;AACE,MAAA,KAAK,EAAC,cADR;AAEE,MAAA,EAAE,EAAC,GAFL;AAGE,MAAA,CAAC,EAAC,IAHJ;AAIE,MAAA,CAAC,EAAC,IAJJ;AAKE,MAAA,OAAO,EAAC,WALV;AAME,MAAA,IAAI,EAAC;AANP,OAQE,oBAAC,IAAD;AAAM,MAAA,CAAC,EAAC;AAAR,MARF;AAHJ,cA1DF,CADF,CAFF,CADF;AAmFD","sourcesContent":["import React from 'react';\nimport {\n  Button,\n  Actionsheet,\n  useDisclose,\n  Icon,\n  Box,\n  Text,\n  Center,\n} from 'native-base';\nimport { Path } from 'react-native-svg';\nimport { MaterialIcons, Ionicons } from '@expo/vector-icons';\n\nexport function Example() {\n  const { isOpen, onOpen, onClose } = useDisclose();\n  return (\n    <Center>\n      <Button onPress={onOpen}>Actionsheet</Button>\n      <Actionsheet isOpen={isOpen} onClose={onClose} size=\"full\">\n        <Actionsheet.Content>\n          <Box w=\"100%\" h={60} px={4} justifyContent=\"center\">\n            <Text fontSize=\"16\" color=\"gray.500\" _dark={{ color: 'gray.300' }}>\n              Albums\n            </Text>\n          </Box>\n          <Actionsheet.Item\n            startIcon={\n              <Icon\n                as={MaterialIcons}\n                color=\"trueGray.400\"\n                mr=\"1\"\n                size=\"6\"\n                name=\"delete\"\n              />\n            }\n          >\n            Delete\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            startIcon={\n              <Icon\n                as={MaterialIcons}\n                name=\"share\"\n                color=\"trueGray.400\"\n                mr=\"1\"\n                size=\"6\"\n              />\n            }\n          >\n            Share\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            startIcon={\n              <Icon\n                as={Ionicons}\n                name=\"play-circle\"\n                color=\"trueGray.400\"\n                mr=\"1\"\n                size=\"6\"\n              />\n            }\n          >\n            Play\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            startIcon={\n              <Icon\n                as={MaterialIcons}\n                color=\"trueGray.400\"\n                mr=\"1\"\n                size=\"6\"\n                name=\"favorite\"\n              />\n            }\n          >\n            Favourite\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            p={3}\n            startIcon={\n              <Icon\n                color=\"trueGray.400\"\n                mr=\"1\"\n                h=\"24\"\n                w=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n              >\n                <Path d=\"M12.0007 10.5862L16.9507 5.63623L18.3647 7.05023L13.4147 12.0002L18.3647 16.9502L16.9507 18.3642L12.0007 13.4142L7.05072 18.3642L5.63672 16.9502L10.5867 12.0002L5.63672 7.05023L7.05072 5.63623L12.0007 10.5862Z\" />\n              </Icon>\n            }\n          >\n            Cancel\n          </Actionsheet.Item>\n        </Actionsheet.Content>\n      </Actionsheet>\n    </Center>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}