{"ast":null,"code":"var _jsxFileName = \"/home/f2256342/forge/udemy-react/02/src/App.js\";\nimport React from 'react';\nimport './App.css';\nimport Person from './Person/Person'; // function App() {\n//   return (\n//     <div className=\"App\">\n//       <h1>Hi, I'm a React App, I'm cute.</h1>\n//       <p>Created using Functional code</p>\n//       <button>Switch Name</button>\n//       <Person name=\"Yutsuo\" ilvl=\"320\"> Main Character </Person>\n//       <Person name=\"Schwarzgeist\" ilvl=\"200\"/>\n//       <Person name=\"Murom\" ilvl=\"78\"/>\n//     </div>\n//   );\n//   // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n// }\n\nclass App extends React.Component {\n  render() {\n    return React.createElement(\"div\", {\n      className: \"App\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22\n      },\n      __self: this\n    }, React.createElement(\"h1\", {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 23\n      },\n      __self: this\n    }, \"Hi, I'm a React App, I'm cute.\"), React.createElement(\"p\", {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 24\n      },\n      __self: this\n    }, \"Created using OOP code\"), React.createElement(\"button\", {\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 25\n      },\n      __self: this\n    }, \"Switch Name\"), React.createElement(Person, {\n      name: \"Yutsuo\",\n      ilvl: \"320\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 26\n      },\n      __self: this\n    }, \" Main Character \"), React.createElement(Person, {\n      name: \"Schwarzgeist\",\n      ilvl: \"200\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 27\n      },\n      __self: this\n    }), React.createElement(Person, {\n      name: \"Murom\",\n      ilvl: \"78\",\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28\n      },\n      __self: this\n    })); // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n  }\n\n}\n\nexport default App;","map":{"version":3,"sources":["/home/f2256342/forge/udemy-react/02/src/App.js"],"names":["React","Person","App","Component","render"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,WAAP;AACA,OAAOC,MAAP,MAAmB,iBAAnB,C,CAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,GAAN,SAAkBF,KAAK,CAACG,SAAxB,CAAkC;AAChCC,EAAAA,MAAM,GAAG;AACL,WACE;AAAK,MAAA,SAAS,EAAC,KAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAFF,EAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAHF,EAIE,oBAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,QAAb;AAAsB,MAAA,IAAI,EAAC,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAJF,EAKE,oBAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,cAAb;AAA4B,MAAA,IAAI,EAAC,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MALF,EAME,oBAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,OAAb;AAAqB,MAAA,IAAI,EAAC,IAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MANF,CADF,CADK,CAWP;AACD;;AAb+B;;AAgBlC,eAAeF,GAAf","sourcesContent":["import React from 'react';\nimport './App.css';\nimport Person from './Person/Person';\n\n// function App() {\n//   return (\n//     <div className=\"App\">\n//       <h1>Hi, I'm a React App, I'm cute.</h1>\n//       <p>Created using Functional code</p>\n//       <button>Switch Name</button>\n//       <Person name=\"Yutsuo\" ilvl=\"320\"> Main Character </Person>\n//       <Person name=\"Schwarzgeist\" ilvl=\"200\"/>\n//       <Person name=\"Murom\" ilvl=\"78\"/>\n//     </div>\n//   );\n//   // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n// }\n\nclass App extends React.Component {\n  render() {\n      return (\n        <div className=\"App\">\n          <h1>Hi, I'm a React App, I'm cute.</h1>\n          <p>Created using OOP code</p>\n          <button>Switch Name</button>\n          <Person name=\"Yutsuo\" ilvl=\"320\"> Main Character </Person>\n          <Person name=\"Schwarzgeist\" ilvl=\"200\"/>\n          <Person name=\"Murom\" ilvl=\"78\"/>\n        </div>\n        );\n    // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n  }\n}\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"}