{"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\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\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 _jsxs(_Fragment, {\n    children: [_jsx(Box, {\n      h: \"100\",\n      w: \"100\",\n      bg: state ? 'emerald.500' : 'indigo.500'\n    }), _jsx(Link, {\n      onPress: toggleState,\n      mt: \"8\",\n      children: _jsx(Box, {\n        px: \"3\",\n        py: \"2\",\n        bg: \"primary.400\",\n        rounded: \"sm\",\n        _text: {\n          color: 'white',\n          fontWeight: 'medium'\n        },\n        children: \"Change Color\"\n      })\n    })]\n  });\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;AAAA,eACE,KAAC,GAAD;AAAK,MAAA,CAAC,EAAC,KAAP;AAAa,MAAA,CAAC,EAAC,KAAf;AAAqB,MAAA,EAAE,EAAEA,KAAK,GAAG,aAAH,GAAmB;AAAjD,MADF,EAEE,KAAC,IAAD;AAAM,MAAA,OAAO,EAAEE,WAAf;AAA4B,MAAA,EAAE,EAAC,GAA/B;AAAA,gBACE,KAAC,GAAD;AACE,QAAA,EAAE,EAAC,GADL;AAEE,QAAA,EAAE,EAAC,GAFL;AAGE,QAAA,EAAE,EAAC,aAHL;AAIE,QAAA,OAAO,EAAC,IAJV;AAKE,QAAA,KAAK,EAAE;AAAEC,UAAAA,KAAK,EAAE,OAAT;AAAkBC,UAAAA,UAAU,EAAE;AAA9B,SALT;AAAA;AAAA;AADF,MAFF;AAAA,IADF;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    <>\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    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}