{"ast":null,"code":"var _jsxFileName = \"/Users/jane/myproject/src/App.js\";\nimport logo from \"./logo.svg\";\nimport './App.css'; //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: 18,\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: 19,\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: 22,\n      columnNumber: 5\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 20,\n    columnNumber: 3\n  }, this)]\n}, void 0, true, {\n  fileName: _jsxFileName,\n  lineNumber: 17,\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,WAAP,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;;AAUN,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.css';\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\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"}