"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.UploadStatus = exports.UploadProgress = exports.UploadFormContainer = exports.UploadForm = exports.PreviewOptionsWrapper = exports.PreviewMessageWrapper = exports.PreviewImageWrapper = exports.PreviewImageIcon = exports.PreviewFileTitle = exports.PreviewContent = void 0;

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

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

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 UploadFormContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: auto;\n  position: relative;\n"])));

exports.UploadFormContainer = UploadFormContainer;

var UploadForm = _styledComponents["default"].form(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n\n  input {\n    width: 100%;\n  }\n"])));

exports.UploadForm = UploadForm;

var PreviewContent = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 320px;\n  height: 60px;\n  padding: 10px;\n  box-sizing: border-box;\n  font-size: 12px;\n  background-color: #f7f8fa;\n  display: flex;\n  align-items: center;\n"])));

exports.PreviewContent = PreviewContent;

var PreviewImageWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  margin-right: 8px;\n  text-align: center;\n  border-radius: 4px;\n\n  img {\n    max-width: 36px;\n    max-height: 36px;\n    border-radius: 4px;\n  }\n"])));

exports.PreviewImageWrapper = PreviewImageWrapper;

var PreviewImageIcon = _styledComponents["default"].img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 36px;\n  height: 36px;\n"])));

exports.PreviewImageIcon = PreviewImageIcon;

var PreviewMessageWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  /* justify-content: space-between; */\n  align-items: center;\n"])));

exports.PreviewMessageWrapper = PreviewMessageWrapper;

var PreviewFileTitle = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 184px;\n  font-size: 14px;\n  line-height: 22px;\n  color: #3F4755;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: keep-all;\n  .upload-file-size {\n    font-size: 12px;\n    color: #89919F;\n    line-height: 18px;\n  }\n  .upload-file-size--error {\n    color: #f05e5e;\n  }\n"])));

exports.PreviewFileTitle = PreviewFileTitle;

var UploadProgress = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: 8px;\n  width: 100%;\n  height: 4px;\n  border-radius: 2px;\n  background: #E9ECF0;\n\n  div {\n    height: 100%;\n    border-radius: 2px;\n  }\n  .upload-file--progress {\n    background: #2879ff;\n  }\n"])));

exports.UploadProgress = UploadProgress;

var UploadStatus = _styledComponents["default"].span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 48px;\n  line-height: 14px;\n  transition: opacity 1s ease-in-out;\n  display: inline-block;\n  white-space: nowrap;\n  &.preview__status-end {\n    opacity: 1;\n  }\n"])));

exports.UploadStatus = UploadStatus;

var PreviewOptionsWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin-left: 6px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  span {\n    font-size: 14px;\n    color: #a9b8bf;\n    vertical-align: middle;\n    cursor: pointer;\n  }\n"])));

exports.PreviewOptionsWrapper = PreviewOptionsWrapper;