{"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';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function Example() {\n  var _useDisclose = useDisclose(),\n      isOpen = _useDisclose.isOpen,\n      onOpen = _useDisclose.onOpen,\n      onClose = _useDisclose.onClose;\n\n  return _jsxs(Center, {\n    children: [_jsx(Button, {\n      onPress: onOpen,\n      children: \"Actionsheet\"\n    }), _jsx(Actionsheet, {\n      isOpen: isOpen,\n      onClose: onClose,\n      size: \"full\",\n      children: _jsxs(Actionsheet.Content, {\n        children: [_jsx(Box, {\n          w: \"100%\",\n          h: 60,\n          px: 4,\n          justifyContent: \"center\",\n          children: _jsx(Text, {\n            fontSize: \"16\",\n            color: \"gray.500\",\n            _dark: {\n              color: 'gray.300'\n            },\n            children: \"Albums\"\n          })\n        }), _jsx(Actionsheet.Item, {\n          startIcon: _jsx(Icon, {\n            as: MaterialIcons,\n            color: \"muted.500\",\n            size: \"6\",\n            name: \"delete\"\n          }),\n          children: \"Delete\"\n        }), _jsx(Actionsheet.Item, {\n          startIcon: _jsx(Icon, {\n            as: MaterialIcons,\n            name: \"share\",\n            color: \"muted.500\",\n            size: \"6\"\n          }),\n          children: \"Share\"\n        }), _jsx(Actionsheet.Item, {\n          startIcon: _jsx(Icon, {\n            as: Ionicons,\n            name: \"play-circle\",\n            color: \"muted.500\",\n            size: \"6\"\n          }),\n          children: \"Play\"\n        }), _jsx(Actionsheet.Item, {\n          startIcon: _jsx(Icon, {\n            as: MaterialIcons,\n            color: \"muted.500\",\n            size: \"6\",\n            name: \"favorite\"\n          }),\n          children: \"Favourite\"\n        }), _jsx(Actionsheet.Item, {\n          p: 3,\n          startIcon: _jsx(Icon, {\n            color: \"muted.500\",\n            h: \"24\",\n            w: \"24\",\n            viewBox: \"0 0 24 24\",\n            fill: \"none\",\n            children: _jsx(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          }),\n          children: \"Cancel\"\n        })]\n      })\n    })]\n  });\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,MAAC,MAAD;AAAA,eACE,KAAC,MAAD;AAAQ,MAAA,OAAO,EAAED,MAAjB;AAAA;AAAA,MADF,EAEE,KAAC,WAAD;AAAa,MAAA,MAAM,EAAED,MAArB;AAA6B,MAAA,OAAO,EAAEE,OAAtC;AAA+C,MAAA,IAAI,EAAC,MAApD;AAAA,gBACE,MAAC,WAAD,CAAa,OAAb;AAAA,mBACE,KAAC,GAAD;AAAK,UAAA,CAAC,EAAC,MAAP;AAAc,UAAA,CAAC,EAAE,EAAjB;AAAqB,UAAA,EAAE,EAAE,CAAzB;AAA4B,UAAA,cAAc,EAAC,QAA3C;AAAA,oBACE,KAAC,IAAD;AAAM,YAAA,QAAQ,EAAC,IAAf;AAAoB,YAAA,KAAK,EAAC,UAA1B;AAAqC,YAAA,KAAK,EAAE;AAAEC,cAAAA,KAAK,EAAE;AAAT,aAA5C;AAAA;AAAA;AADF,UADF,EAME,KAAC,WAAD,CAAa,IAAb;AACE,UAAA,SAAS,EACP,KAAC,IAAD;AACE,YAAA,EAAE,EAAEN,aADN;AAEE,YAAA,KAAK,EAAC,WAFR;AAGE,YAAA,IAAI,EAAC,GAHP;AAIE,YAAA,IAAI,EAAC;AAJP,YAFJ;AAAA;AAAA,UANF,EAkBE,KAAC,WAAD,CAAa,IAAb;AACE,UAAA,SAAS,EACP,KAAC,IAAD;AACE,YAAA,EAAE,EAAEA,aADN;AAEE,YAAA,IAAI,EAAC,OAFP;AAGE,YAAA,KAAK,EAAC,WAHR;AAIE,YAAA,IAAI,EAAC;AAJP,YAFJ;AAAA;AAAA,UAlBF,EA8BE,KAAC,WAAD,CAAa,IAAb;AACE,UAAA,SAAS,EACP,KAAC,IAAD;AACE,YAAA,EAAE,EAAEC,QADN;AAEE,YAAA,IAAI,EAAC,aAFP;AAGE,YAAA,KAAK,EAAC,WAHR;AAIE,YAAA,IAAI,EAAC;AAJP,YAFJ;AAAA;AAAA,UA9BF,EA0CE,KAAC,WAAD,CAAa,IAAb;AACE,UAAA,SAAS,EACP,KAAC,IAAD;AACE,YAAA,EAAE,EAAED,aADN;AAEE,YAAA,KAAK,EAAC,WAFR;AAGE,YAAA,IAAI,EAAC,GAHP;AAIE,YAAA,IAAI,EAAC;AAJP,YAFJ;AAAA;AAAA,UA1CF,EAsDE,KAAC,WAAD,CAAa,IAAb;AACE,UAAA,CAAC,EAAE,CADL;AAEE,UAAA,SAAS,EACP,KAAC,IAAD;AACE,YAAA,KAAK,EAAC,WADR;AAEE,YAAA,CAAC,EAAC,IAFJ;AAGE,YAAA,CAAC,EAAC,IAHJ;AAIE,YAAA,OAAO,EAAC,WAJV;AAKE,YAAA,IAAI,EAAC,MALP;AAAA,sBAOE,KAAC,IAAD;AAAM,cAAA,CAAC,EAAC;AAAR;AAPF,YAHJ;AAAA;AAAA,UAtDF;AAAA;AADF,MAFF;AAAA,IADF;AA8ED","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=\"muted.500\"\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=\"muted.500\"\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=\"muted.500\"\n                size=\"6\"\n              />\n            }\n          >\n            Play\n          </Actionsheet.Item>\n          <Actionsheet.Item\n            startIcon={\n              <Icon\n                as={MaterialIcons}\n                color=\"muted.500\"\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=\"muted.500\"\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"}