"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ReviewPopWrapper = exports.ReviewHead = exports.ReviewFoot = exports.ReviewContainer = exports.IconClose = exports.BtnGroup = exports.BtnConfirm = exports.BtnCancle = void 0;

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var ReviewPopWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));

exports.ReviewPopWrapper = ReviewPopWrapper;

var ReviewContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 663px;\n  min-height: 595px;\n  max-height: 725px;\n  border-radius: 8px;\n  box-shadow: 0 5px 20px 0 rgba(3,16,26,0.30);\n  position: relative;\n  /* background: #FFFFFF; */\n"])));

exports.ReviewContainer = ReviewContainer;

var ReviewHead = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: calc(100% - 40px);\n  height: 40px;\n  padding: 0 20px;\n  font-size: 16px;\n  border-radius: 8px 8px 0 0;\n  color: #FFFFFF;\n  background-image: linear-gradient(270deg, #85C2FF 0%, #2879ff 100%);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));

exports.ReviewHead = ReviewHead;

var IconClose = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  cursor: pointer;\n"])));

exports.IconClose = IconClose;

var ReviewFoot = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: calc(100% - 40px);\n  height: 54px;\n  padding: 0 20px;\n  border-top: 1px solid #E4EBF0;\n  border-radius: 0 0 8px 8px;\n  background: #FFFFFF;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  button {\n    min-width: 70px;\n    height: 34px;\n    padding: 0 15px;\n    font-size: 14px;\n    border-radius: 5px;\n    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.30);\n    border: none;\n  }\n"])));

exports.ReviewFoot = ReviewFoot;

var BtnGroup = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  button {\n    margin-left: 10px;\n  }\n"])));

exports.BtnGroup = BtnGroup;

var BtnCancle = _styledComponents["default"].button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: #36434D;\n  background: #F5F8FA;\n"])));

exports.BtnCancle = BtnCancle;

var BtnConfirm = _styledComponents["default"].button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: #FFFFFF;\n  background: #2879FF;\n\n  &:disabled {\n    color: #ADB8C0;\n    background: #F5F8FA;\n    cursor: no-drop;\n  }\n"])));

exports.BtnConfirm = BtnConfirm;