"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.OperationRecordWrapper = exports.OperationRecordTotal = exports.OperationRecordList = exports.OperationRecordItemWrapper = exports.OperationRecordItemLine = exports.OperationRecordItemDot = exports.OperationRecordItemDate = exports.OperationPublisher = exports.OperationDateYearWrapper = exports.OperationDateYearLine = exports.OperationDateYearDot = exports.OperationDateYear = exports.OperationContentWrapper = exports.OperationContent = exports.Dd = void 0;

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;

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 OperationRecordWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n"])));

exports.OperationRecordWrapper = OperationRecordWrapper;

var OperationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 16px;\n  font-size: 12px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n\n  p {\n    line-height: 17px;\n\n    &::before {\n      float: right;\n      margin-left: 4px;\n    }\n  }\n"])));

exports.OperationRecordTotal = OperationRecordTotal;

var OperationRecordList = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\n"])));

exports.OperationRecordList = OperationRecordList;

var Dd = _styledComponents["default"].dd(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  &.one_tkfb {\n    .operation__date__container {\n      display: none;\n    }\n  }\n"])));

exports.Dd = Dd;

var OperationDateYearWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 5px 0;\n  display: flex;\n  align-items: center;\n  position: relative;\n"])));

exports.OperationDateYearWrapper = OperationDateYearWrapper;

var OperationDateYear = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 70px;\n  height: 20px;\n  text-align: center;\n  color: #38ba72;\n  background: url(", ") no-repeat 0 0;\n\n  span {\n    position: relative;\n    left: -5px;\n  }\n"])), require("./assets/vane.png"));

exports.OperationDateYear = OperationDateYear;

var OperationDateYearDot = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 6px;\n  height: 6px;\n  margin-left: 11px;\n  border-radius: 50%;\n  border: 1px solid #38ba72;\n  z-index: 2;\n  background: #ffffff;\n"])));

exports.OperationDateYearDot = OperationDateYearDot;

var OperationDateYearLine = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 2px;\n  height: 20px;\n  background: #d8d8d8;\n  position: absolute;\n  position: absolute;\n  left: 84px;\n  top: 17px;\n  z-index: 1;\n"])));

exports.OperationDateYearLine = OperationDateYearLine;

var OperationRecordItemWrapper = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin-left: 70px;\n  padding-bottom: 13px;\n  font-size: 12px;\n  line-height: 17px;\n  color: #99a3ad;\n  display: flex;\n  position: relative;\n\n  &:last-child {\n    .operation__dot {\n      background: #46CF84;\n      &::after {\n        content: '';\n        width: 10px;\n        height: 10px;\n        opacity: 0.3;\n        border-radius: 50%;\n        background: #46CF84;\n        display: block;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n    }\n\n    .operation__line {\n      display: none;\n    }\n  }\n"])));

exports.OperationRecordItemWrapper = OperationRecordItemWrapper;

var OperationContentWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  width: calc(100% - 30px);\n  margin-left: 30px;\n  /* display: flex; */\n"])));

exports.OperationContentWrapper = OperationContentWrapper;

var OperationPublisher = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  float: left;\n  max-width: 100px;\n  margin-right: 14px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: #3a4247;\n  white-space: nowrap;\n"])));

exports.OperationPublisher = OperationPublisher;

var OperationContent = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  word-break: break-all;\n  word-wrap: break-word;\n  overflow:hidden;\n"])));

exports.OperationContent = OperationContent;

var OperationRecordItemDate = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  min-width: 70px;\n  width: 70px;\n  margin-right: -70px;\n  position: relative;\n  right: 70px;\n  display: flex;\n  justify-content: space-between;\n\n  .date-time {\n      color: #3a4247;\n    }\n"])));

exports.OperationRecordItemDate = OperationRecordItemDate;

var OperationRecordItemDot = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #d8d8d8;\n  position: absolute;\n  top: 6px;\n  left: 12px;\n  z-index: 2;\n"])));

exports.OperationRecordItemDot = OperationRecordItemDot;

var OperationRecordItemLine = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  width: 2px;\n  height: 100%;\n  background: #d8d8d8;\n  position: absolute;\n  top: 12px;\n  left: 14px;\n  z-index: 1;\n"])));

exports.OperationRecordItemLine = OperationRecordItemLine;