"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.ForgotPassPage = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _react = _interopRequireDefault(require("react"));

var _router = require("next/router");

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _ForgotPassword = require("../Common/Modals/AuthPopup/Components/ForgotPassword");

var _templateObject, _templateObject2, _templateObject3, _templateObject4;

var ForgotPassPage = function ForgotPassPage(_ref) {
  var handleClose = _ref.handleClose;
  var back = (0, _router.useRouter)();
  return /*#__PURE__*/_react["default"].createElement(BackgroundContainer, null, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(ForgotPassWrap, null, /*#__PURE__*/_react["default"].createElement(_ForgotPassword.ForgotPassword, {
    handleClose: handleClose,
    goBack: function goBack() {
      return back.push('/login');
    }
  })))));
};

exports.ForgotPassPage = ForgotPassPage;

var BackgroundContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  background-color: ", "\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette.disabled;
});

var Container = _styledComponents["default"].div.attrs({
  className: 'container'
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  height: calc(100vh - 40.7rem);\n  position: relative;\n\n  @media (max-width: ", ") {\n    height: calc(100vh - 25rem);\n  }\n"])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.breakpoints.lg.min;
});

var Row = _styledComponents["default"].div.attrs({
  className: 'd-flex row justify-content-center'
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var ForgotPassWrap = _styledComponents["default"].div.attrs({
  className: 'col-lg-5 col-md-7 col-sm-12 p-4'
})(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  background-color: ", ";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])), function (_ref4) {
  var theme = _ref4.theme;
  return theme.palette.secondary;
});
//# sourceMappingURL=forgotPassPage.component.js.map