{"ast":null,"code":"import 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      size: \"6\",\n      name: \"delete\"\n    })\n  }, \"Delete\"), React.createElement(Actionsheet.Item, {\n    startIcon: React.createElement(Icon, {\n      as: MaterialIcons,\n      name: \"share\",\n      size: \"6\"\n    })\n  }, \"Share\"), React.createElement(Actionsheet.Item, {\n    startIcon: React.createElement(Icon, {\n      as: Ionicons,\n      name: \"play-circle\",\n      size: \"6\"\n    })\n  }, \"Play\"), React.createElement(Actionsheet.Item, {\n    startIcon: React.createElement(Icon, {\n      as: MaterialIcons,\n      size: \"6\",\n      name: \"favorite\"\n    })\n  }, \"Favourite\"), React.createElement(Actionsheet.Item, {\n    startIcon: React.createElement(Icon, {\n      viewBox: \"0 0 24 24\",\n      size: \"6\",\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,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAEN,aAAV;AAAyB,MAAA,IAAI,EAAC,GAA9B;AAAkC,MAAA,IAAI,EAAC;AAAvC;AADb,cANF,EAWE,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,SAAS,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAEA,aAAV;AAAyB,MAAA,IAAI,EAAC,OAA9B;AAAsC,MAAA,IAAI,EAAC;AAA3C;AADb,aAXF,EAgBE,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,SAAS,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAEC,QAAV;AAAoB,MAAA,IAAI,EAAC,aAAzB;AAAuC,MAAA,IAAI,EAAC;AAA5C;AADb,YAhBF,EAqBE,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,SAAS,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAED,aAAV;AAAyB,MAAA,IAAI,EAAC,GAA9B;AAAkC,MAAA,IAAI,EAAC;AAAvC;AADb,iBArBF,EA0BE,oBAAC,WAAD,CAAa,IAAb;AACE,IAAA,SAAS,EACP,oBAAC,IAAD;AAAM,MAAA,OAAO,EAAC,WAAd;AAA0B,MAAA,IAAI,EAAC,GAA/B;AAAmC,MAAA,IAAI,EAAC;AAAxC,OACE,oBAAC,IAAD;AAAM,MAAA,CAAC,EAAC;AAAR,MADF;AAFJ,cA1BF,CADF,CAFF,CADF;AA2CD","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={<Icon as={MaterialIcons} size=\"6\" name=\"delete\" />}\n          >\n            Delete\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            startIcon={<Icon as={MaterialIcons} name=\"share\" size=\"6\" />}\n          >\n            Share\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            startIcon={<Icon as={Ionicons} name=\"play-circle\" size=\"6\" />}\n          >\n            Play\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            startIcon={<Icon as={MaterialIcons} size=\"6\" name=\"favorite\" />}\n          >\n            Favourite\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            startIcon={\n              <Icon viewBox=\"0 0 24 24\" size=\"6\" fill=\"none\">\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"}