webpackHotUpdate_N_E("pages/index",{

/***/ "./componens/Form/Form.js":
/*!********************************!*\
  !*** ./componens/Form/Form.js ***!
  \********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-dev-runtime */ \"./node_modules/react/jsx-dev-runtime.js\");\n/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Button_Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Button/Button */ \"./componens/Button/Button.js\");\n/* harmony import */ var _Form_module_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Form.module.css */ \"./componens/Form/Form.module.css\");\n/* harmony import */ var _Form_module_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Form_module_css__WEBPACK_IMPORTED_MODULE_3__);\n\n\nvar _jsxFileName = \"/home/konstantin/1/igooods/componens/Form/Form.js\",\n    _s = $RefreshSig$();\n\n\n\n\n\nfunction Form(_ref) {\n  _s();\n\n  var obj = _ref.obj;\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(0),\n      state = _useState[0],\n      setState = _useState[1];\n\n  var _useState2 = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(0),\n      stateTotPrice = _useState2[0],\n      setStateTotPrice = _useState2[1];\n\n  var handleAdd = function handleAdd() {\n    setState(function (prev) {\n      return prev + 1;\n    });\n    setStateTotPrice(function (prev) {\n      return prev + obj.price;\n    });\n  };\n\n  var handleRemove = function handleRemove() {\n    setState(function (prev) {\n      return prev - 1;\n    });\n    setStateTotPrice(function (prev) {\n      return prev - obj.price;\n    });\n  };\n\n  return /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"div\", {\n    className: _Form_module_css__WEBPACK_IMPORTED_MODULE_3___default.a.div,\n    children: [/*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"div\", {\n      className: _Form_module_css__WEBPACK_IMPORTED_MODULE_3___default.a.div2,\n      children: [obj.name, \", \", obj.shop]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 22,\n      columnNumber: 7\n    }, this), /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"div\", {\n      className: _Form_module_css__WEBPACK_IMPORTED_MODULE_3___default.a.cart,\n      children: [/*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"div\", {\n        className: _Form_module_css__WEBPACK_IMPORTED_MODULE_3___default.a.price,\n        children: [obj.price + \" p \", \" \"]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 7\n      }, this), !state ? /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"div\", {\n        className: _Form_module_css__WEBPACK_IMPORTED_MODULE_3___default.a.btn,\n        children: [/*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(_Button_Button__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n          children: \"В корзину\",\n          onClick: function onClick() {\n            return handleAdd();\n          },\n          className: \"btnAdd\"\n        }, 0.2 * Math.random(), false, {\n          fileName: _jsxFileName,\n          lineNumber: 27,\n          columnNumber: 44\n        }, this), \" \"]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 27,\n        columnNumber: 17\n      }, this) : /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"div\", {\n        children: [/*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"div\", {\n          className: _Form_module_css__WEBPACK_IMPORTED_MODULE_3___default.a.btn,\n          children: [/*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(_Button_Button__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n            className: \"button\",\n            onClick: function onClick() {\n              return handleRemove();\n            },\n            children: \"  -  \"\n          }, 0.25 * Math.random(), false, {\n            fileName: _jsxFileName,\n            lineNumber: 32,\n            columnNumber: 11\n          }, this), /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"b\", {\n            children: [\" \", \" \" + state + \" \\u0448\\u0442.\", \"  \"]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 35,\n            columnNumber: 11\n          }, this), /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(_Button_Button__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n            className: \"button\",\n            onClick: function onClick() {\n              return handleAdd();\n            },\n            children: \" + \"\n          }, Math.random(), false, {\n            fileName: _jsxFileName,\n            lineNumber: 36,\n            columnNumber: 11\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 31,\n          columnNumber: 8\n        }, this), /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__[\"jsxDEV\"])(\"div\", {\n          className: _Form_module_css__WEBPACK_IMPORTED_MODULE_3___default.a.btn,\n          children: [\" \", \"\\u0418\\u0442\\u043E\\u0433\\u043E: \" + stateTotPrice + \" p \"]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 40,\n          columnNumber: 9\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 29,\n        columnNumber: 8\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 1\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 21,\n    columnNumber: 5\n  }, this);\n}\n\n_s(Form, \"fkIpQ5RpudSi73y68+QYGOIcS9E=\");\n\n_c = Form;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Form);\n\nvar _c;\n\n$RefreshReg$(_c, \"Form\");\n\n;\n    var _a, _b;\n    // Legacy CSS implementations will `eval` browser code in a Node.js context\n    // to extract CSS. For backwards compatibility, we need to check we're in a\n    // browser context before continuing.\n    if (typeof self !== 'undefined' &&\n        // AMP / No-JS mode does not inject these helpers:\n        '$RefreshHelpers$' in self) {\n        var currentExports = module.__proto__.exports;\n        var prevExports = (_b = (_a = module.hot.data) === null || _a === void 0 ? void 0 : _a.prevExports) !== null && _b !== void 0 ? _b : null;\n        // This cannot happen in MainTemplate because the exports mismatch between\n        // templating and execution.\n        self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, module.i);\n        // A module can be accepted automatically based on its exports, e.g. when\n        // it is a Refresh Boundary.\n        if (self.$RefreshHelpers$.isReactRefreshBoundary(currentExports)) {\n            // Save the previous exports on update so we can compare the boundary\n            // signatures.\n            module.hot.dispose(function (data) {\n                data.prevExports = currentExports;\n            });\n            // Unconditionally accept an update to this module, we'll check if it's\n            // still a Refresh Boundary later.\n            module.hot.accept();\n            // This field is set when the previous version of this module was a\n            // Refresh Boundary, letting us know we need to check for invalidation or\n            // enqueue an update.\n            if (prevExports !== null) {\n                // A boundary can become ineligible if its exports are incompatible\n                // with the previous exports.\n                //\n                // For example, if you add/remove/change exports, we'll want to\n                // re-execute the importing modules, and force those components to\n                // re-render. Similarly, if you convert a class component to a\n                // function, we want to invalidate the boundary.\n                if (self.$RefreshHelpers$.shouldInvalidateReactRefreshBoundary(prevExports, currentExports)) {\n                    module.hot.invalidate();\n                }\n                else {\n                    self.$RefreshHelpers$.scheduleUpdate();\n                }\n            }\n        }\n        else {\n            // Since we just executed the code for the module, it's possible that the\n            // new exports made it ineligible for being a boundary.\n            // We only care about the case when we were _previously_ a boundary,\n            // because we already accepted this update (accidental side effect).\n            var isNoLongerABoundary = prevExports !== null;\n            if (isNoLongerABoundary) {\n                module.hot.invalidate();\n            }\n        }\n    }\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9fTl9FLy4vY29tcG9uZW5zL0Zvcm0vRm9ybS5qcz9hZWQxIl0sIm5hbWVzIjpbIkZvcm0iLCJvYmoiLCJ1c2VTdGF0ZSIsInN0YXRlIiwic2V0U3RhdGUiLCJzdGF0ZVRvdFByaWNlIiwic2V0U3RhdGVUb3RQcmljZSIsImhhbmRsZUFkZCIsInByZXYiLCJwcmljZSIsImhhbmRsZVJlbW92ZSIsInN0eWxlIiwiZGl2IiwiZGl2MiIsIm5hbWUiLCJzaG9wIiwiY2FydCIsImJ0biIsIk1hdGgiLCJyYW5kb20iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7O0FBRUEsU0FBU0EsSUFBVCxPQUF1QjtBQUFBOztBQUFBLE1BQVBDLEdBQU8sUUFBUEEsR0FBTzs7QUFBQSxrQkFFS0Msc0RBQVEsQ0FBQyxDQUFELENBRmI7QUFBQSxNQUVkQyxLQUZjO0FBQUEsTUFFUEMsUUFGTzs7QUFBQSxtQkFHcUJGLHNEQUFRLENBQUMsQ0FBRCxDQUg3QjtBQUFBLE1BR2RHLGFBSGM7QUFBQSxNQUdDQyxnQkFIRDs7QUFLckIsTUFBTUMsU0FBUyxHQUFHLFNBQVpBLFNBQVksR0FBTTtBQUN0QkgsWUFBUSxDQUFDLFVBQUNJLElBQUQ7QUFBQSxhQUFVQSxJQUFJLEdBQUcsQ0FBakI7QUFBQSxLQUFELENBQVI7QUFDQUYsb0JBQWdCLENBQUMsVUFBQ0UsSUFBRDtBQUFBLGFBQVVBLElBQUksR0FBR1AsR0FBRyxDQUFDUSxLQUFyQjtBQUFBLEtBQUQsQ0FBaEI7QUFDRCxHQUhEOztBQUlBLE1BQU1DLFlBQVksR0FBRyxTQUFmQSxZQUFlLEdBQU07QUFDekJOLFlBQVEsQ0FBQyxVQUFDSSxJQUFEO0FBQUEsYUFBVUEsSUFBSSxHQUFHLENBQWpCO0FBQUEsS0FBRCxDQUFSO0FBQ0FGLG9CQUFnQixDQUFDLFVBQUNFLElBQUQ7QUFBQSxhQUFVQSxJQUFJLEdBQUdQLEdBQUcsQ0FBQ1EsS0FBckI7QUFBQSxLQUFELENBQWhCO0FBRUQsR0FKRDs7QUFNQSxzQkFDRTtBQUFLLGFBQVMsRUFBRUUsdURBQUssQ0FBQ0MsR0FBdEI7QUFBQSw0QkFDRTtBQUFLLGVBQVMsRUFBRUQsdURBQUssQ0FBQ0UsSUFBdEI7QUFBQSxpQkFBNkJaLEdBQUcsQ0FBQ2EsSUFBakMsUUFBeUNiLEdBQUcsQ0FBQ2MsSUFBN0M7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLFlBREYsZUFJSjtBQUFLLGVBQVMsRUFBRUosdURBQUssQ0FBQ0ssSUFBdEI7QUFBQSw4QkFDTTtBQUFLLGlCQUFTLEVBQUVMLHVEQUFLLENBQUNGLEtBQXRCO0FBQUEsbUJBQThCUixHQUFHLENBQUNRLEtBQUosUUFBOUI7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGNBRE4sRUFFTyxDQUFDTixLQUFELGdCQUFTO0FBQUssaUJBQVMsRUFBRVEsdURBQUssQ0FBQ00sR0FBdEI7QUFBQSxnQ0FBMkIscUVBQUMsc0RBQUQ7QUFBa0Msa0JBQVEsRUFBRSxXQUE1QztBQUF5RCxpQkFBTyxFQUFFO0FBQUEsbUJBQU1WLFNBQVMsRUFBZjtBQUFBLFdBQWxFO0FBQXFGLG1CQUFTLEVBQUU7QUFBaEcsV0FBYSxNQUFNVyxJQUFJLENBQUNDLE1BQUwsRUFBbkI7QUFBQTtBQUFBO0FBQUE7QUFBQSxnQkFBM0I7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGNBQVQsZ0JBRUE7QUFBQSxnQ0FFQTtBQUFLLG1CQUFTLEVBQUVSLHVEQUFLLENBQUNNLEdBQXRCO0FBQUEsa0NBQ0cscUVBQUMsc0RBQUQ7QUFDRSxxQkFBUyxFQUFFLFFBRGI7QUFFRSxtQkFBTyxFQUFFO0FBQUEscUJBQU1QLFlBQVksRUFBbEI7QUFBQSxhQUZYO0FBQUE7QUFBQSxhQUFhLE9BQU9RLElBQUksQ0FBQ0MsTUFBTCxFQUFwQjtBQUFBO0FBQUE7QUFBQTtBQUFBLGtCQURILGVBSUc7QUFBQSw0QkFBSyxNQUFNaEIsS0FBTixtQkFBTDtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsa0JBSkgsZUFLRyxxRUFBQyxzREFBRDtBQUNFLHFCQUFTLEVBQUUsUUFEYjtBQUVFLG1CQUFPLEVBQUU7QUFBQSxxQkFBTUksU0FBUyxFQUFmO0FBQUEsYUFGWDtBQUFBO0FBQUEsYUFBYVcsSUFBSSxDQUFDQyxNQUFMLEVBQWI7QUFBQTtBQUFBO0FBQUE7QUFBQSxrQkFMSDtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsZ0JBRkEsZUFXQztBQUFLLG1CQUFTLEVBQUVSLHVEQUFLLENBQUNNLEdBQXRCO0FBQUEsMEJBQTZCLHFDQUFZWixhQUFaLFFBQTdCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxnQkFYRDtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsY0FKUDtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsWUFKSTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsVUFERjtBQTBCRDs7R0F6Q1FMLEk7O0tBQUFBLEk7QUEyQ01BLG1FQUFmIiwiZmlsZSI6Ii4vY29tcG9uZW5zL0Zvcm0vRm9ybS5qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vQnV0dG9uL0J1dHRvbic7XG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9Gb3JtLm1vZHVsZS5jc3MnXG5cbmZ1bmN0aW9uIEZvcm0oeyBvYmogfSkge1xuXG4gIGNvbnN0IFtzdGF0ZSwgc2V0U3RhdGVdID0gdXNlU3RhdGUoMClcbiAgY29uc3QgW3N0YXRlVG90UHJpY2UsIHNldFN0YXRlVG90UHJpY2VdID0gdXNlU3RhdGUoMClcblxuICBjb25zdCBoYW5kbGVBZGQgPSAoKSA9PiB7XG4gICAgc2V0U3RhdGUoKHByZXYpID0+IHByZXYgKyAxKVxuICAgIHNldFN0YXRlVG90UHJpY2UoKHByZXYpID0+IHByZXYgKyBvYmoucHJpY2UpXG4gIH07XG4gIGNvbnN0IGhhbmRsZVJlbW92ZSA9ICgpID0+IHtcbiAgICBzZXRTdGF0ZSgocHJldikgPT4gcHJldiAtIDEpXG4gICAgc2V0U3RhdGVUb3RQcmljZSgocHJldikgPT4gcHJldiAtIG9iai5wcmljZSlcblxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlLmRpdn0+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17c3R5bGUuZGl2Mn0+e29iai5uYW1lfSwge29iai5zaG9wfVxuICAgICAgPC9kaXY+XG5cbjxkaXYgY2xhc3NOYW1lPXtzdHlsZS5jYXJ0fT5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZS5wcmljZX0+e29iai5wcmljZSArIGAgcCBgfSA8L2Rpdj5cbiAgICAgIHshc3RhdGUgPyA8ZGl2IGNsYXNzTmFtZT17c3R5bGUuYnRufT48QnV0dG9uIGtleT17MC4yICogTWF0aC5yYW5kb20oKX0gY2hpbGRyZW49e1wi0JIg0LrQvtGA0LfQuNC90YNcIn0gb25DbGljaz17KCkgPT4gaGFuZGxlQWRkKCl9IGNsYXNzTmFtZT17XCJidG5BZGRcIn0gLz4gPC9kaXY+IDpcbiAgICAgICBcbiAgICAgICA8ZGl2PlxuICAgICAgICAgICAgIFxuICAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZS5idG59PlxuICAgICAgICAgIDxCdXR0b24ga2V5PXswLjI1ICogTWF0aC5yYW5kb20oKX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17XCJidXR0b25cIn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVJlbW92ZSgpfT4gIC0gIDwvQnV0dG9uPlxuICAgICAgICAgIDxiPiB7YCBgICsgc3RhdGUgKyBgINGI0YIuYH0gIDwvYj5cbiAgICAgICAgICA8QnV0dG9uIGtleT17TWF0aC5yYW5kb20oKX1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17XCJidXR0b25cIn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZUFkZCgpfT4gKyA8L0J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZS5idG59PiB7YNCY0YLQvtCz0L46IGAgKyBzdGF0ZVRvdFByaWNlICsgYCBwIGB9PC9kaXY+XG4gICAgICAgIDwvZGl2Pn1cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZvcm07XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./componens/Form/Form.js\n");

/***/ })

})