{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Box, Link } 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      state = _React$useState2[0],\n      setState = _React$useState2[1];\n\n  var toggleState = function toggleState() {\n    setState(!state);\n  };\n\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(Box, {\n    h: \"100\",\n    w: \"100\",\n    bg: state ? 'emerald.500' : 'indigo.500'\n  }), React.createElement(Link, {\n    onPress: toggleState,\n    mt: \"8\"\n  }, React.createElement(Box, {\n    px: \"3\",\n    py: \"2\",\n    bg: \"primary.400\",\n    rounded: \"sm\",\n    _text: {\n      color: 'white',\n      fontWeight: 'medium'\n    }\n  }, \"Change Color\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Link/CustomOnPress.tsx"],"names":["React","Box","Link","Example","useState","state","setState","toggleState","color","fontWeight"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,IAAd;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACDH,KAAK,CAACI,QAAN,CAAe,KAAf,CADC;AAAA;AAAA,MACpBC,KADoB;AAAA,MACbC,QADa;;AAE3B,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFD;;AAGA,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,KAAP;AAAa,IAAA,CAAC,EAAC,KAAf;AAAqB,IAAA,EAAE,EAAEA,KAAK,GAAG,aAAH,GAAmB;AAAjD,IADF,EAEE,oBAAC,IAAD;AAAM,IAAA,OAAO,EAAEE,WAAf;AAA4B,IAAA,EAAE,EAAC;AAA/B,KACE,oBAAC,GAAD;AACE,IAAA,EAAE,EAAC,GADL;AAEE,IAAA,EAAE,EAAC,GAFL;AAGE,IAAA,EAAE,EAAC,aAHL;AAIE,IAAA,OAAO,EAAC,IAJV;AAKE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE,OAAT;AAAkBC,MAAAA,UAAU,EAAE;AAA9B;AALT,oBADF,CAFF,CADF;AAgBD,CArBM","sourcesContent":["import React from 'react';\nimport { Box, Link } from 'native-base';\n\nexport const Example = () => {\n  const [state, setState] = React.useState(false);\n  const toggleState = () => {\n    setState(!state);\n  };\n  return (\n    <Box alignItems=\"center\">\n      <Box h=\"100\" w=\"100\" bg={state ? 'emerald.500' : 'indigo.500'} />\n      <Link onPress={toggleState} mt=\"8\">\n        <Box\n          px=\"3\"\n          py=\"2\"\n          bg=\"primary.400\"\n          rounded=\"sm\"\n          _text={{ color: 'white', fontWeight: 'medium' }}\n        >\n          Change Color\n        </Box>\n      </Link>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}