var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from 'antd-style';
export var useReadFileStyles = createStyles(function (_ref) {
  var css = _ref.css;
  return {
    default: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .fileContainer {\n      width: 100%;\n      min-height: 300px;\n      border: 1px solid #ccc;\n      // border-radius: 10px;\n      .toolContainer {\n        // border-radius: 10px 10px 0 0;\n        width: 100%;\n        height: 40px;\n        border-bottom: 1px solid #ccc;\n        // background-color: #bdd6fd;\n        // background-color: hsl(0, 12%, 92%);\n        // background-color: #ccc;\n\n        display: flex;\n        align-items: center;\n        .btnContainer {\n          padding: 0 20px;\n          display: flex;\n          gap: 20px;\n          justify-content: space-evenly;\n          .canEventIocn {\n            cursor: pointer;\n            &:hover {\n              color: #3359cd;\n            }\n          }\n          .noEventIocn {\n            pointer-events: none;\n            cursor: no-drop;\n            color: #93a6c5;\n          }\n        }\n        .pathsContainer {\n          background-color: #fff;\n          width: 100%;\n          height: 30px;\n          margin: 0 20px 0 5px;\n          padding: 0 20px;\n          border-radius: 5px;\n          // border-radius: 30px;\n          display: flex;\n          align-items: center;\n          .pathItem {\n            display: flex;\n            .icon {\n              margin-right: 5px;\n              margin-left: 5px;\n            }\n            .des {\n              cursor: pointer;\n              color: #93a6c5;\n              font-weight: 500;\n              &:hover {\n                color: black;\n              }\n            }\n          }\n        }\n        .tools {\n          padding: 20px;\n          display: flex;\n          align-items: center;\n          flex-direction: row;\n          justify-content: center;\n          .icon {\n            padding: 10px;\n            margin-right: 5px;\n            border-radius: 5px;\n            cursor: pointer;\n            &:hover {\n              // background-color: rgba(247, 249, 250, 0.5);\n              background-color: #e5e5e5;\n            }\n          }\n          .renderItem {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-right: 5px;\n            border-radius: 5px;\n            cursor: pointer;\n            height: 32px;\n            width: 32px;\n            &:hover {\n              // background-color: rgba(247, 249, 250, 0.5);\n              background-color: #e5e5e5;\n            }\n          }\n          .activeicon {\n            background-color: #e5e5e5;\n            // background-color: rgba(247, 249, 250, 0.5);\n          }\n        }\n      }\n      .filesMaps {\n        padding: 20px;\n        display: flex;\n        flex-wrap: wrap;\n        user-select: none;\n        position: relative;\n        gap: 20px;\n        .odd {\n          background: #fafafa;\n        }\n        .filestools {\n          z-index: 999;\n          position: absolute;\n          top: 0;\n          left: 0;\n          display: none;\n          width: 150px;\n          min-height: 200px;\n          background-color: #fafafa;\n          border-radius: 5px;\n          padding: 10px;\n          border: 1px solid #fafafa;\n          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1),\n            0px 0px 0px rgba(0, 0, 0, 0.1), 4px 0px 10px rgba(0, 0, 0, 0.1);\n          p {\n            margin-bottom: 0px;\n            cursor: pointer;\n            padding: 4px;\n            border-radius: 5px;\n            &:hover {\n              background-color: #3359cd;\n              color: #fff;\n            }\n          }\n        }\n        .fileItem {\n          width: 120px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          user-select: none;\n          .img {\n            width: 100px;\n            height: 100px;\n            padding: auto;\n            border-radius: 5px;\n          }\n          .des {\n            margin-top: 5px;\n            font-size: 10px;\n            width: 100px;\n            font-weight: 500;\n            text-align: center;\n            word-wrap: break-word;\n            padding: 2px 5px;\n            border-radius: 5px;\n          }\n          &:hover {\n            .img {\n              background-color: #e5e5e5;\n            }\n            .des {\n              background-color: #3863dd;\n              color: #fff;\n            }\n          }\n        }\n        .activeFileItem {\n          .img {\n            background-color: #e5e5e5 !important;\n          }\n          .des {\n            background-color: #3863dd !important;\n            color: #fff !important;\n          }\n        }\n      }\n      .linkPath {\n        display: inline-block;\n        cursor: pointer;\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n    }\n  "])))
  };
});