"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ReviewWorth = exports.ReviewTarget = exports.ReviewProblem = exports.ReviewMode = exports.ReviewMember = exports.ReviewContent = exports.ReviewCatalogSecond = exports.ReviewCatalog = exports.ReviewBodyScroll = exports.ReviewBodyContainer = exports.ReviewAction = exports.IconTarget = exports.IconSwitch = exports.IconRunning = exports.IconCloseContainer = exports.IconClose = exports.IconAdd = exports.BtnCreateTask = exports.AvatarWrapper = exports.AddReviewProblem = void 0;

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;

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 ReviewBodyContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: #ffffff;\n"])));

exports.ReviewBodyContainer = ReviewBodyContainer;

var ReviewBodyScroll = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 465px;\n  max-height: ", ";\n  margin-right: 4px;\n  padding: 20px 46px 15px 42px;\n  overflow-y: scroll;\n\n  & > div {\n    margin-bottom: 20px;\n  }\n"])), function (p) {
  return "".concat(p.maxHeight, "px");
});

exports.ReviewBodyScroll = ReviewBodyScroll;

var ReviewCatalog = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: 15px;\n  padding-left: 9px;\n  line-height: 20px;\n  font-size: 14px;\n  font-weight: 600;\n  color: #03101a;\n  position: relative;\n\n  &::before {\n    content: '';\n    width: 4px;\n    height: 13px;\n    border-radius: 2px;\n    background: #2879FF;\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &.drawback {\n    margin-right: 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    & > span {\n      flex: 1;\n    }\n\n    .delete-replay {\n      font-weight: normal;\n      color: #2879ff;\n      cursor: pointer;\n    }\n  }\n"])));

exports.ReviewCatalog = ReviewCatalog;

var ReviewCatalogSecond = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: 3px;\n  margin-left: 8px;\n  font-weight: 600;\n  color: #565e66;\n"])));

exports.ReviewCatalogSecond = ReviewCatalogSecond;

var ReviewTarget = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  line-height: 20px;\n  display: flex;\n  align-items: flex-start;\n  white-space: nowrap;\n\n  .target-name {\n    display: flex;\n    align-items: flex-start;\n\n    p {\n      white-space: normal;\n    }\n  }\n"])));

exports.ReviewTarget = ReviewTarget;

var ReviewWorth = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-bottom: 13px !important;\n"])));

exports.ReviewWorth = ReviewWorth;

var ReviewProblem = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-bottom: 13px !important;\n"])));

exports.ReviewProblem = ReviewProblem;

var ReviewAction = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral([""])));

exports.ReviewAction = ReviewAction;

var BtnCreateTask = _styledComponents["default"].button(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  height: 26px;\n  margin: 12px 0 5px 8px;\n  padding: 0 10px;\n  font-size: 12px;\n  border-radius: 2px;\n  color: #ffffff;\n  background: #2879FF;\n  border: none;\n"])));

exports.BtnCreateTask = BtnCreateTask;

var ReviewMember = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  .review-meber {\n    margin-top: 5px;\n    margin-left: 8px;\n    border: 1px solid #e4ebf0;\n    border-radius: 5px;\n    display: flex;\n    flex-wrap: wrap;\n\n    & > div {\n      margin: 8px;\n    }\n  }\n\n  .add-meber {\n    width: 28px;\n    height: 28px;\n    /* margin-left: 12px; */\n    border: 1px solid #a0a7ad;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    .tu-icon-add {\n      margin: 0;\n      font-size: 16px;\n      font-weight: bold;\n      color: #a0a7ad;\n    }\n  }\n"])));

exports.ReviewMember = ReviewMember;

var AvatarWrapper = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  height: 30px;\n  position: relative;\n\n  .depts {\n    width: 30px;\n    height: 30px;\n    line-height: 30px;\n    border-radius: 4px;\n    text-align: center;\n    color: #fff;\n    background-color: #7890bd;\n  }\n"])));

exports.AvatarWrapper = AvatarWrapper;

var IconCloseContainer = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 10px;\n  height: 10px;\n  line-height: 10px;\n  margin-left: -13px;\n  margin-bottom: 3px;\n  padding: 0 0 3px 3px;\n  border-radius: 50%;\n  display: inline-block;\n  cursor: pointer;\n  color: #fff;\n  background-color: #a0a7ad;\n  position: absolute;\n  top: -2px;\n  right: -4px;\n\n  &:hover {\n    background-color: #f04d4d;\n  }\n"])));

exports.IconCloseContainer = IconCloseContainer;

var IconClose = _styledComponents["default"].span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  line-height: 10px;\n  display: table;\n  /* width: 14px;\n  height: 14px;\n  line-height: 11px;\n  font-weight: bold;\n  border-radius: 50%;\n  color: #FFFFFF;\n  background-color: #a0a7ad;\n  text-align: center;\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  top: -2px;\n  right: -2px;\n\n  &:hover {\n    background-color: #f04d4d;\n  } */\n"])));

exports.IconClose = IconClose;

var ReviewContent = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  .okr-name {\n    color: #03101a;\n  }\n\n  &.action-plan {\n    margin-top: 6px;\n    padding-left: 8px;\n    font-size: 14px;\n    color: #03101a;\n    /* display: -webkit-box;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1; */\n    cursor: pointer;\n    word-break: break-all;\n  }\n"])));

exports.ReviewContent = ReviewContent;

var IconTarget = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n\n  &.review-kr {\n    margin-top: 2px;\n    padding: 2px 8px;\n    font-size: 12px;\n    line-height: 12px;\n    border-radius: 22px;\n    color: #2879ff;\n    background: #e3f4ff;\n  }\n\n  &.tu-icon-OKR {\n    font-size: 15px;\n    color: #83ba5a;\n    position: relative;\n    top: 2px;\n  }\n"])));

exports.IconTarget = IconTarget;

var IconRunning = _styledComponents["default"].span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  margin-right: 6px;\n  font-size: 12px;\n  color: #2879ff;\n"])));

exports.IconRunning = IconRunning;

var ReviewMode = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  margin-bottom: 0 !important;\n  font-size: 14px;\n  color: #2879ff;\n  text-align: right;\n\n  & > span {\n    cursor: pointer;\n  }\n"])));

exports.ReviewMode = ReviewMode;

var IconSwitch = _styledComponents["default"].span(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n  font-size: 12px;\n  position: relative;\n  top: 1px;\n"])));

exports.IconSwitch = IconSwitch;

var AddReviewProblem = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  height: 38px;\n  margin-bottom: 26px !important;\n  margin-left: 8px;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: bold;\n  border-radius: 5px;\n  color: #2879ff;\n  background: #fafbfc;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  top: -5px;\n\n  .tu-icon-add {\n    font-weight: bold;\n  }\n\n  &.none-drawback {\n    &::before {\n      content: '';\n      width: 3px;\n      height: 13px;\n      margin-left: -8px;\n      border-radius: 4px;\n      background: #2879ff;\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n"])));

exports.AddReviewProblem = AddReviewProblem;

var IconAdd = _styledComponents["default"].span(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  margin-right: 5px;\n  font-size: 12px;\n  font-weight: 900 !important;\n"])));

exports.IconAdd = IconAdd;