{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Actionsheet/CustomBackdrop.tsx\";\nimport React from 'react';\nimport { Button, Actionsheet, useDisclose, Box, Text } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _useDisclose = useDisclose(),\n      isOpen = _useDisclose.isOpen,\n      onOpen = _useDisclose.onOpen,\n      onClose = _useDisclose.onClose;\n\n  return React.createElement(React.Fragment, null, React.createElement(Button, {\n    onPress: onOpen\n  }, \"Actionsheet\"), React.createElement(Actionsheet, {\n    isOpen: isOpen,\n    onClose: onClose,\n    _backdrop: {\n      bg: 'primary.100',\n      _dark: {\n        bg: 'primary.900'\n      }\n    }\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, null, \"Delete\"), React.createElement(Actionsheet.Item, null, \"Share\"), React.createElement(Actionsheet.Item, null, \"Play\"), React.createElement(Actionsheet.Item, null, \"Favourite\"), React.createElement(Actionsheet.Item, null, \"Cancel\"))));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Actionsheet/CustomBackdrop.tsx"],"names":["React","Button","Actionsheet","useDisclose","Box","Text","Example","isOpen","onOpen","onClose","bg","_dark","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,WAAjB,EAA8BC,WAA9B,EAA2CC,GAA3C,EAAgDC,IAAhD;AAEA,OAAO,SAASC,OAAT,GAAmB;AAAA,qBACYH,WAAW,EADvB;AAAA,MAChBI,MADgB,gBAChBA,MADgB;AAAA,MACRC,MADQ,gBACRA,MADQ;AAAA,MACAC,OADA,gBACAA,OADA;;AAExB,SACE,0CACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAED;AAAjB,mBADF,EAEE,oBAAC,WAAD;AACE,IAAA,MAAM,EAAED,MADV;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAE,aAAN;AAAqBC,MAAAA,KAAK,EAAE;AAAED,QAAAA,EAAE,EAAE;AAAN;AAA5B;AAHb,KAKE,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;AAAEE,MAAAA,KAAK,EAAE;AAAT;AAA5C,cADF,CADF,EAME,oBAAC,WAAD,CAAa,IAAb,iBANF,EAOE,oBAAC,WAAD,CAAa,IAAb,gBAPF,EAQE,oBAAC,WAAD,CAAa,IAAb,eARF,EASE,oBAAC,WAAD,CAAa,IAAb,oBATF,EAUE,oBAAC,WAAD,CAAa,IAAb,iBAVF,CALF,CAFF,CADF;AAuBD","sourcesContent":["import React from 'react';\nimport { Button, Actionsheet, useDisclose, Box, Text } from 'native-base';\n\nexport function Example() {\n  const { isOpen, onOpen, onClose } = useDisclose();\n  return (\n    <>\n      <Button onPress={onOpen}>Actionsheet</Button>\n      <Actionsheet\n        isOpen={isOpen}\n        onClose={onClose}\n        _backdrop={{ bg: 'primary.100', _dark: { bg: 'primary.900' } }}\n      >\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>Delete</Actionsheet.Item>\n          <Actionsheet.Item>Share</Actionsheet.Item>\n          <Actionsheet.Item>Play</Actionsheet.Item>\n          <Actionsheet.Item>Favourite</Actionsheet.Item>\n          <Actionsheet.Item>Cancel</Actionsheet.Item>\n        </Actionsheet.Content>\n      </Actionsheet>\n    </>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}