{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useClipboard/Usage.tsx\";\n\nimport React from 'react';\nimport { Button, Center, HStack, VStack, Input, useClipboard } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState('Hello'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      copyText = _React$useState2[0],\n      setCopyText = _React$useState2[1];\n\n  var _React$useState3 = React.useState(''),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      pasteText = _React$useState4[0],\n      setPasteText = _React$useState4[1];\n\n  var _useClipboard = useClipboard(),\n      value = _useClipboard.value,\n      onCopy = _useClipboard.onCopy;\n\n  return React.createElement(Center, null, React.createElement(VStack, {\n    space: 2,\n    w: \"100%\",\n    maxW: \"300\"\n  }, React.createElement(HStack, {\n    space: 3\n  }, React.createElement(Input, {\n    placeholder: \"Copy From\",\n    onChangeText: function onChangeText(v) {\n      return setCopyText(v);\n    },\n    value: copyText\n  }), React.createElement(Button, {\n    onPress: function onPress() {\n      return onCopy(copyText);\n    }\n  }, \"Copy\")), React.createElement(HStack, {\n    space: 3\n  }, React.createElement(Input, {\n    placeholder: \"Paste Here\",\n    onChangeText: function onChangeText(v) {\n      return setPasteText(v);\n    },\n    value: pasteText\n  }), React.createElement(Button, {\n    onPress: function onPress() {\n      return setPasteText(value);\n    }\n  }, \"Paste\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useClipboard/Usage.tsx"],"names":["React","Button","Center","HStack","VStack","Input","useClipboard","Example","useState","copyText","setCopyText","pasteText","setPasteText","value","onCopy","v"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,MADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,MAJF,EAKEC,KALF,EAMEC,YANF;AASA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACKP,KAAK,CAACQ,QAAN,CAAe,OAAf,CADL;AAAA;AAAA,MACpBC,QADoB;AAAA,MACVC,WADU;;AAAA,yBAEOV,KAAK,CAACQ,QAAN,CAAe,EAAf,CAFP;AAAA;AAAA,MAEpBG,SAFoB;AAAA,MAETC,YAFS;;AAAA,sBAGDN,YAAY,EAHX;AAAA,MAGnBO,KAHmB,iBAGnBA,KAHmB;AAAA,MAGZC,MAHY,iBAGZA,MAHY;;AAI3B,SACE,oBAAC,MAAD,QACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,CAAC,EAAC,MAApB;AAA2B,IAAA,IAAI,EAAC;AAAhC,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,KACE,oBAAC,KAAD;AACE,IAAA,WAAW,EAAC,WADd;AAEE,IAAA,YAAY,EAAE,sBAACC,CAAD;AAAA,aAAOL,WAAW,CAACK,CAAD,CAAlB;AAAA,KAFhB;AAGE,IAAA,KAAK,EAAEN;AAHT,IADF,EAME,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAMK,MAAM,CAACL,QAAD,CAAZ;AAAA;AAAjB,YANF,CADF,EASE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,KACE,oBAAC,KAAD;AACE,IAAA,WAAW,EAAC,YADd;AAEE,IAAA,YAAY,EAAE,sBAACM,CAAD;AAAA,aAAOH,YAAY,CAACG,CAAD,CAAnB;AAAA,KAFhB;AAGE,IAAA,KAAK,EAAEJ;AAHT,IADF,EAME,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAE;AAAA,aAAMC,YAAY,CAACC,KAAD,CAAlB;AAAA;AAAjB,aANF,CATF,CADF,CADF;AAsBD,CA1BM","sourcesContent":["import React from 'react';\nimport {\n  Button,\n  Center,\n  HStack,\n  VStack,\n  Input,\n  useClipboard,\n} from 'native-base';\n\nexport const Example = () => {\n  const [copyText, setCopyText] = React.useState('Hello');\n  const [pasteText, setPasteText] = React.useState('');\n  const { value, onCopy } = useClipboard();\n  return (\n    <Center>\n      <VStack space={2} w=\"100%\" maxW=\"300\">\n        <HStack space={3}>\n          <Input\n            placeholder=\"Copy From\"\n            onChangeText={(v) => setCopyText(v)}\n            value={copyText}\n          />\n          <Button onPress={() => onCopy(copyText)}>Copy</Button>\n        </HStack>\n        <HStack space={3}>\n          <Input\n            placeholder=\"Paste Here\"\n            onChangeText={(v) => setPasteText(v)}\n            value={pasteText}\n          />\n          <Button onPress={() => setPasteText(value)}>Paste</Button>\n        </HStack>\n      </VStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}