"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Wrapper = exports.WeightWrapper = exports.WeightInputWrpper = exports.TitleLine = exports.TimeSapn = exports.Space = exports.SelectBtn = exports.Line = exports.KrNameInput = exports.KrItemWrapper = exports.KrEditWrapper = exports.ItemWrapper = exports.InputWrapper = exports.DropDownContent = exports.DeleteKr = exports.DateLine = exports.CreateCycleWrapper = exports.CaseLink = exports.BlueBar = exports.AddKrBtn = 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 Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 449px;\n  overflow: auto;\n  \n  .create-modal__wrapper-inner {\n    padding: 0 32px;\n  }\n"])));

exports.Wrapper = Wrapper;

var Line = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));

exports.Line = Line;
var TitleLine = (0, _styledComponents["default"])(Line)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  font-weight: 600;\n  text-align: left;\n  color: #3f4755;\n  padding: 15px 0 2px;\n  line-height: 22px;\n"])));
exports.TitleLine = TitleLine;

var CaseLink = _styledComponents["default"].a(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: #2879ff;\n  font-weight: 400;\n  font-size: 14px;\n  margin-right: 34px;\n  ::before {\n    margin-right: 4px;\n  }\n  transition: color 0.5s;\n  :hover {\n    color: #5c8eff;\n  }\n  /* letter-spacing: 2px; */\n"])));

exports.CaseLink = CaseLink;

var ItemWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n"])));

exports.ItemWrapper = ItemWrapper;

var Space = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 12px;\n"])));

exports.Space = Space;

var BlueBar = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 4px;\n  height: 16px;\n  border-radius: 2px;\n  margin-right: 6px;\n  background: linear-gradient(90deg, #4e90ff, #2879ff);\n"])));

exports.BlueBar = BlueBar;

var AddKrBtn = _styledComponents["default"].a(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  font-weight: 400;\n  color: #2879ff;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\n  ::before {\n    margin-right: 6px;\n    font-size: 12px;\n    font-weight: 600;\n  }\n"])));

exports.AddKrBtn = AddKrBtn;

var KrItemWrapper = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n"])));

exports.KrItemWrapper = KrItemWrapper;

var KrEditWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  height: 36px;\n  background: #ffffff;\n  border: 1px solid ", ";\n  border-radius: 4px;\n  ", "\n  display: flex;\n  align-items: center;\n  flex: 1;\n  padding: 0 10px;\n  transition: border 0.2s ease 0.2s, box-shadow 0.2s ease 0.2s;\n  > span {\n    font-size: 13px;\n    font-weight: 400;\n    text-align: left;\n    color: #6f7886;\n    margin-left: 18px;\n  }\n  :hover {\n    border: 1px solid #2879ff;\n  }\n"])), function (p) {
  return p.active ? '#2879ff' : '#f0f2f5';
}, function (p) {
  return p.active ? 'box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;' : '';
});

exports.KrEditWrapper = KrEditWrapper;

var InputWrapper = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  height: 36px;\n  background: #ffffff;\n  border: 1px solid ", ";\n  border-radius: 4px;\n  ", "\n  display: flex;\n  align-items: center;\n  flex: 1;\n  padding: 0 10px;\n  transition: border 0.2s ease 0.2s, box-shadow 0.2s ease 0.2s;\n  :hover {\n    border: 1px solid #2879ff;\n  }\n  > input {\n    flex: 1;\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n"])), function (p) {
  return p.active ? '#2879ff' : '#f0f2f5';
}, function (p) {
  return p.active ? 'box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;' : '';
});

exports.InputWrapper = InputWrapper;

var KrNameInput = _styledComponents["default"].input(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  flex: 1;\n  color: #3f4755;\n  padding-left: 12px;\n  border: none;\n  ::-webkit-input-placeholder {\n    color: #bfc7d5;\n  }\n  :-ms-input-placeholder {\n    color: #bfc7d5;\n  }\n  :-moz-input-placeholder {\n    color: #bfc7d5;\n  }\n"])));

exports.KrNameInput = KrNameInput;

var WeightWrapper = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-left: 18px;\n"])));

exports.WeightWrapper = WeightWrapper;

var WeightInputWrpper = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: relative;\n  overflow: hidden;\n  > span {\n    color: transparent;\n  }\n  > input {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n"])));

exports.WeightInputWrpper = WeightInputWrpper;

var SelectBtn = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  height: 36px;\n  width: 100%;\n  border: 1px solid #e6eaef;\n  border-radius: 3px;\n  display: flex;\n  padding: 0 12px;\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  transition: border 0.2s ease;\n  > .tu-icon-cross {\n    color: #bfc7d5;\n    margin: 0 20px;\n  }\n  :hover {\n    border: 1px solid #2879ff;\n  }\n  > i {\n    font-size: 12px;\n  }\n  > span {\n    flex: 1;\n    width: 0;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-break: break-all;\n    overflow: hidden;\n  }\n"])));

exports.SelectBtn = SelectBtn;

var DropDownContent = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  /* \u5468\u671F\u9009\u62E9\u7EC4\u4EF6 */\n  display: flex;\n  align-items: center;\n  padding-right: 28px;\n  margin-bottom: 10px;\n  transition: 300ms;\n  .has-underline {\n    border-bottom: 1px solid rgb(227, 230, 234);\n    justify-content: space-between;\n    height: 17px;\n  }\n"])));

exports.DropDownContent = DropDownContent;

var TimeSapn = _styledComponents["default"].span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  > i {\n    margin-left: 12px;\n    color: #bfc7d5;\n  }\n"])));

exports.TimeSapn = TimeSapn;

var CreateCycleWrapper = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  padding: 15px 20px 20px;\n  width: 262px;\n"])));

exports.CreateCycleWrapper = CreateCycleWrapper;

var DateLine = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  padding: 12px 0;\n  font-size: 12px;\n  color: #89919f;\n  line-height: 17px;\n  text-align: left;\n  span {\n    color: #3f4755;\n  }\n"])));

exports.DateLine = DateLine;

var DeleteKr = _styledComponents["default"].a(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  color: #000000;\n  font-size: 14px;\n  margin-left: 7px;\n  margin-right: 8px;\n  :hover {\n    color: #f05e5e;\n  }\n"])));

exports.DeleteKr = DeleteKr;