{"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';\n\nfunction App() {\n  return React.createElement(\"div\", {\n    className: \"App\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 7\n    },\n    __self: this\n  }, React.createElement(\"h1\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 8\n    },\n    __self: this\n  }, \"Hi, I'm a React App, I'm cute.\"), React.createElement(\"p\", {\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 9\n    },\n    __self: this\n  }, \"Created using Functional code\"), React.createElement(Person, {\n    name: \"Yutsuo\",\n    ilvl: \"320\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 10\n    },\n    __self: this\n  }, \" Main Character \"), React.createElement(Person, {\n    name: \"Schwarzgeist\",\n    ilvl: \"200\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 11\n    },\n    __self: this\n  }), React.createElement(Person, {\n    name: \"Murom\",\n    ilvl: \"78\",\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 12\n    },\n    __self: this\n  })); // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));\n} // class 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//         </div>\n//       );\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"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,WAAP;AACA,OAAOC,MAAP,MAAmB,iBAAnB;;AAEA,SAASC,GAAT,GAAe;AACb,SACE;AAAK,IAAA,SAAS,EAAC,KAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAFF,EAGE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,IAAI,EAAC,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAHF,EAIE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,cAAb;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJF,EAKE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,OAAb;AAAqB,IAAA,IAAI,EAAC,IAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IALF,CADF,CADa,CAUb;AACD,C,CAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAEA,eAAeA,GAAf","sourcesContent":["import React from 'react';\nimport './App.css';\nimport Person from './Person/Person';\n\nfunction 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      <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// class 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//         </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"}