import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2, _templateObject3, _templateObject4;

import React from 'react';
import { useRouter } from 'next/router';
import styled from 'styled-components';
import { ForgotPassword } from '../Common/Modals/AuthPopup/Components/ForgotPassword';
export var ForgotPassPage = (_ref) => {
  var {
    handleClose
  } = _ref;
  var back = useRouter();
  return /*#__PURE__*/React.createElement(BackgroundContainer, null, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(ForgotPassWrap, null, /*#__PURE__*/React.createElement(ForgotPassword, {
    handleClose: handleClose,
    goBack: () => back.push('/login')
  })))));
};
var BackgroundContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  background-color: ", "\n"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.palette.disabled;
});
var Container = styled.div.attrs({
  className: 'container'
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  height: calc(100vh - 40.7rem);\n  position: relative;\n\n  @media (max-width: ", ") {\n    height: calc(100vh - 25rem);\n  }\n"])), (_ref3) => {
  var {
    theme
  } = _ref3;
  return theme.breakpoints.lg.min;
});
var Row = styled.div.attrs({
  className: 'd-flex row justify-content-center'
})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose([""])));
var ForgotPassWrap = styled.div.attrs({
  className: 'col-lg-5 col-md-7 col-sm-12 p-4'
})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])), (_ref4) => {
  var {
    theme
  } = _ref4;
  return theme.palette.secondary;
});
//# sourceMappingURL=forgotPassPage.component.js.map