{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { PresenceTransition, 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(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      scale: 0\n    },\n    animate: {\n      opacity: 1,\n      scale: 1,\n      transition: {\n        duration: 250\n      }\n    }\n  }, React.createElement(Center, {\n    w: \"200\",\n    h: \"100\",\n    mt: \"7\",\n    bg: \"teal.500\",\n    rounded: \"md\"\n  }, \"ScaleFade\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Transitions/ScaleFade.tsx"],"names":["React","PresenceTransition","Button","Center","Example","useState","isOpen","setIsOpen","opacity","scale","transition","duration"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,EAA6BC,MAA7B,EAAqCC,MAArC;AACA,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,CAAX;AAAcC,MAAAA,KAAK,EAAE;AAArB,KAFX;AAGE,IAAA,OAAO,EAAE;AAAED,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,KAAK,EAAE,CAArB;AAAwBC,MAAAA,UAAU,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ;AAApC;AAHX,KAKE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC,KAAV;AAAgB,IAAA,CAAC,EAAC,KAAlB;AAAwB,IAAA,EAAE,EAAC,GAA3B;AAA+B,IAAA,EAAE,EAAC,UAAlC;AAA6C,IAAA,OAAO,EAAC;AAArD,iBALF,CAJF,CADF;AAgBD,CAnBM","sourcesContent":["import React from 'react';\nimport { PresenceTransition, Button, Center } from 'native-base';\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, scale: 0 }}\n        animate={{ opacity: 1, scale: 1, transition: { duration: 250 } }}\n      >\n        <Center w=\"200\" h=\"100\" mt=\"7\" bg=\"teal.500\" rounded=\"md\">\n          ScaleFade\n        </Center>\n      </PresenceTransition>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}