{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { PresenceTransition, Box, Button, Center } 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(Box, 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      translateX: -200,\n      opacity: 0\n    },\n    animate: {\n      translateX: -75,\n      opacity: 1\n    }\n  }, React.createElement(Center, {\n    position: \"absolute\",\n    top: \"4\",\n    w: \"200\",\n    h: \"100\",\n    _text: {\n      color: 'white'\n    },\n    mt: \"4\",\n    bg: \"teal.500\",\n    rounded: \"md\"\n  }, \"SlideFade\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Transitions/SlideFade.tsx"],"names":["React","PresenceTransition","Box","Button","Center","Example","useState","isOpen","setIsOpen","translateX","opacity","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,EAA6BC,GAA7B,EAAkCC,MAAlC,EAA0CC,MAA1C;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACCL,KAAK,CAACM,QAAN,CAAe,KAAf,CADD;AAAA;AAAA,MACpBC,MADoB;AAAA,MACZC,SADY;;AAG3B,SACE,oBAAC,GAAD,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,UAAU,EAAE,CAAC,GAAf;AAAoBC,MAAAA,OAAO,EAAE;AAA7B,KAFX;AAGE,IAAA,OAAO,EAAE;AAAED,MAAAA,UAAU,EAAE,CAAC,EAAf;AAAmBC,MAAAA,OAAO,EAAE;AAA5B;AAHX,KAKE,oBAAC,MAAD;AACE,IAAA,QAAQ,EAAC,UADX;AAEE,IAAA,GAAG,EAAC,GAFN;AAGE,IAAA,CAAC,EAAC,KAHJ;AAIE,IAAA,CAAC,EAAC,KAJJ;AAKE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT,KALT;AAME,IAAA,EAAE,EAAC,GANL;AAOE,IAAA,EAAE,EAAC,UAPL;AAQE,IAAA,OAAO,EAAC;AARV,iBALF,CAJF,CADF;AAyBD,CA5BM","sourcesContent":["import React from 'react';\nimport { PresenceTransition, Box, Button, Center } from 'native-base';\nexport const Example = () => {\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  return (\n    <Box>\n      <Button onPress={() => setIsOpen(!isOpen)}>\n        {isOpen ? 'Hide' : 'Show'}\n      </Button>\n      <PresenceTransition\n        visible={isOpen}\n        initial={{ translateX: -200, opacity: 0 }}\n        animate={{ translateX: -75, opacity: 1 }}\n      >\n        <Center\n          position=\"absolute\"\n          top=\"4\"\n          w=\"200\"\n          h=\"100\"\n          _text={{ color: 'white' }}\n          mt=\"4\"\n          bg=\"teal.500\"\n          rounded=\"md\"\n        >\n          SlideFade\n        </Center>\n      </PresenceTransition>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}