{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Button, Center, PresenceTransition } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      isOpen = _React$useState2[0],\n      setIsOpen = _React$useState2[1];\n\n  return React.createElement(Center, null, React.createElement(Button, {\n    onPress: function onPress() {\n      return setIsOpen(!isOpen);\n    }\n  }, isOpen ? 'Hide' : 'Show'), React.createElement(PresenceTransition, {\n    visible: isOpen,\n    initial: {\n      opacity: 0\n    },\n    animate: {\n      opacity: 1,\n      transition: {\n        duration: 250\n      }\n    }\n  }, React.createElement(Center, {\n    mt: \"7\",\n    bg: \"teal.500\",\n    rounded: \"md\",\n    w: \"200\",\n    h: \"100\",\n    _text: {\n      color: 'white'\n    }\n  }, \"Fade\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Transitions/Fade.tsx"],"names":["React","Button","Center","PresenceTransition","Example","useState","isOpen","setIsOpen","opacity","transition","duration","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,kBAAzB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACCJ,KAAK,CAACK,QAAN,CAAe,KAAf,CADD;AAAA;AAAA,MACpBC,MADoB;AAAA,MACZC,SADY;;AAG3B,SACE,oBAAC,MAAD,QACE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAMA,SAAS,CAAC,CAACD,MAAF,CAAf;AAAA;AAAjB,KACGA,MAAM,GAAG,MAAH,GAAY,MADrB,CADF,EAIE,oBAAC,kBAAD;AACE,IAAA,OAAO,EAAEA,MADX;AAEE,IAAA,OAAO,EAAE;AAAEE,MAAAA,OAAO,EAAE;AAAX,KAFX;AAGE,IAAA,OAAO,EAAE;AAAEA,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,UAAU,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ;AAA1B;AAHX,KAKE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAC,GADL;AAEE,IAAA,EAAE,EAAC,UAFL;AAGE,IAAA,OAAO,EAAC,IAHV;AAIE,IAAA,CAAC,EAAC,KAJJ;AAKE,IAAA,CAAC,EAAC,KALJ;AAME,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AANT,YALF,CAJF,CADF;AAuBD,CA1BM","sourcesContent":["import React from 'react';\nimport { Button, Center, PresenceTransition } from 'native-base';\n\nexport const Example = () => {\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  return (\n    <Center>\n      <Button onPress={() => setIsOpen(!isOpen)}>\n        {isOpen ? 'Hide' : 'Show'}\n      </Button>\n      <PresenceTransition\n        visible={isOpen}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1, transition: { duration: 250 } }}\n      >\n        <Center\n          mt=\"7\"\n          bg=\"teal.500\"\n          rounded=\"md\"\n          w=\"200\"\n          h=\"100\"\n          _text={{ color: 'white' }}\n        >\n          Fade\n        </Center>\n      </PresenceTransition>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}