| 1 |
- {"ast":null,"code":"var _jsxFileName = \"/Users/jane/myproject/src/App.js\";\nimport logo from \"./logo.svg\";\nimport './App.scss'; //npm install node-sass && n\n\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst HeaderBLock = ({\n header,\n content,\n children\n}) => /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"HeaderBlock\",\n children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n children: header\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 3\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: [content, children]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 3\n }, this)]\n}, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 1\n}, this);\n\n_c = HeaderBLock;\n\nconst App = () => /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"App\",\n children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n children: \"Hello React\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 3\n }, this), /*#__PURE__*/_jsxDEV(HeaderBLock, {\n header: \"\\u041A\\u043E\\u0442\\u0438\\u043A\\u0438\",\n content: \"\\u0422\\u0435\\u043A\\u0441\\u0442 \\u0438 \\u0444\\u043E\\u0442\\u043E\\u0447\\u043A\\u0438 \\u043A\\u043E\\u0442\\u0438\\u043A\\u043E\\u0432\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 3\n }, this), /*#__PURE__*/_jsxDEV(HeaderBLock, {\n header: \"\\u0421\\u043E\\u0431\\u0430\\u0447\\u043A\\u0438\",\n children: [\"\\u043A\\u043E\\u043D\\u0442\\u0435\\u043D\\u0442 \\u043F\\u0440\\u043E \\u0441\\u043E\\u0431\\u0430\\u0447\\u0435\\u043A\", /*#__PURE__*/_jsxDEV(\"img\", {\n src: logo,\n alt: \"logo dogs\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 5\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 3\n }, this)]\n}, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 1\n}, this);\n\n_c2 = App;\nexport default App;\n\nvar _c, _c2;\n\n$RefreshReg$(_c, \"HeaderBLock\");\n$RefreshReg$(_c2, \"App\");","map":{"version":3,"sources":["/Users/jane/myproject/src/App.js"],"names":["HeaderBLock","header","content","children","App","logo"],"mappings":";;AACA,OAAO,YAAP,C,CAEA;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;AAACC,EAAAA,MAAD;AAAUC,EAAAA,OAAV;AAAmBC,EAAAA;AAAnB,CAAD,kBACpB;AAAK,EAAA,SAAS,EAAC,aAAf;AAAA,0BACE;AAAA,cAAKF;AAAL;AAAA;AAAA;AAAA;AAAA,UADF,eAEE;AAAA,eACGC,OADH,EAEGC,QAFH;AAAA;AAAA;AAAA;AAAA;AAAA,UAFF;AAAA;AAAA;AAAA;AAAA;AAAA,QADA;;KAAMH,W;;AASN,MAAMI,GAAG,GAAG,mBACZ;AAAK,EAAA,SAAS,EAAC,KAAf;AAAA,0BACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,eAEE,QAAC,WAAD;AAAa,IAAA,MAAM,EAAC,sCAApB;AAA6B,IAAA,OAAO,EAAC;AAArC;AAAA;AAAA;AAAA;AAAA,UAFF,eAGE,QAAC,WAAD;AAAa,IAAA,MAAM,EAAC,4CAApB;AAAA,wIAEE;AAAK,MAAA,GAAG,EAAEC,IAAV;AAAgB,MAAA,GAAG,EAAC;AAApB;AAAA;AAAA;AAAA;AAAA,YAFF;AAAA;AAAA;AAAA;AAAA;AAAA,UAHF;AAAA;AAAA;AAAA;AAAA;AAAA,QADA;;MAAMD,G;AAUN,eAAeA,GAAf","sourcesContent":["import logo from './logo.svg';\nimport './App.scss';\n\n//npm install node-sass && n\n\nconst HeaderBLock = ({header , content, children}) =>\n<div className=\"HeaderBlock\">\n <h2>{header}</h2>\n <p>\n {content}\n {children}\n </p>\n</div>\n\nconst App = () =>\n<div className=\"App\">\n <h1>Hello React</h1>\n <HeaderBLock header=\"Котики\" content=\"Текст и фоточки котиков\"/>\n <HeaderBLock header=\"Собачки\">\n контент про собачек\n <img src={logo} alt=\"logo dogs\"/>\n </HeaderBLock>\n</div>\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"}
|
