{"version":3,"sources":["index.js"],"names":["App","useState","fruit","setFruit","puppyImage","setPuppyImage","onclickfn2","a","fetch","then","dog_response","json","dog_json","dog","name","age","image","message","onClick","height","alt","src","ReactDOM","render","document","getElementById"],"mappings":"sNAOA,SAASA,IACP,MAAyBC,mBAAS,UAAlC,mBAAOC,EAAP,KAAaC,EAAb,KACA,EAAmCF,mBAAS,IAA5C,mBAAOG,EAAP,KAAkBC,EAAlB,KAIOC,EAAU,uCAAG,gCAAAC,EAAA,6DAClBF,EAAc,cADI,SAEQG,MAAM,2CAA2CC,OAFzD,cAEdC,EAFc,gBAGGA,EAAaC,OAHhB,OAGdC,EAHc,OAIdC,EAAM,CAACC,KAAK,WAAWC,IAAI,EAAEC,MAAOJ,EAASK,SACjDZ,EAAcQ,EAAIG,OAClBb,EAASU,EAAIC,MANK,4CAAH,qDAQjB,OACE,qCACE,yCAAYZ,KACZ,wBAAQgB,QAdM,WACIf,EAAX,WAATD,EAA6B,UAAsB,WAajD,0BACA,wBAAQgB,QAAUZ,EAAlB,mCACA,uBACe,KAAbF,EAAiB,qBAAKe,OAAO,QAASC,IAAI,kBAAkBC,IAAKjB,IAAiB,6CAK1FkB,IAASC,OACP,cAACvB,EAAD,IACAwB,SAASC,eAAe,W","file":"static/js/main.b1da59ba.chunk.js","sourcesContent":["import React, {useState} from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\n// import App from './App';\n\n\n\nfunction App(){\n  const [fruit,setFruit] = useState('orange') \n  const [puppyImage,setPuppyImage] = useState('')\n  const onclickfn = () =>{\n    fruit ===\"orange\" ? setFruit('Bananas') : setFruit('orange')\n  }\n  const  onclickfn2 = async () =>{\n    setPuppyImage('loading...')\n    let dog_response =  await fetch('https://dog.ceo/api/breeds/image/random').then()\n    let dog_json = await dog_response.json()\n    let dog = {name:\"my puppy\",age:4,image: dog_json.message}\n    setPuppyImage(dog.image)\n    setFruit(dog.name)\n  }\n  return (\n    <>\n      <h1>I like {fruit}</h1>\n      <button onClick={ onclickfn } >change Fruit</button>\n      <button onClick={ onclickfn2 } >change Fruit from api</button>\n      <br/>\n      { puppyImage!==''? <img height=\"200px\"  alt=\"loading puppy..\" src={puppyImage} /> : <h1>no image</h1> }\n    </>\n  )\n}\n\nReactDOM.render(\n  <App/>,\n  document.getElementById('root')\n)"],"sourceRoot":""}