const i = (l) => {
  const { componentCls: o } = l;
  return {
    [`${o}-multiple-file`]: {
      ".multiple-file-context": {
        display: "flex",
        alignItems: "center",
        ".file-btn": {
          display: "flex",
          alignItems: "center",
          paddingBlock: l.space,
          paddingInline: l.spaceLG,
          transition: `all ${l.motionDurationSlow}`,
          border: `${l.lineWidth} ${l.lineType} ${l.borderColorBase}`,
          borderRadius: l.borderRadius,
          color: l.textColor1,
          "&:hover": {
            borderColor: l.colorPrimary,
            color: l.colorPrimary
          }
        },
        ".sub-title": {
          paddingLeft: l.spaceXL,
          color: l.textColor3,
          fontSize: l.fontSize
        }
      },
      ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover": {
        backgroundColor: l.colorBgLayout,
        ".ant-upload-list-item-actions .ant-upload-list-item-action:focus": {
          opacity: 1
        }
      },
      ".ant-upload-list-item-actions": {
        display: "flex",
        alignItems: "center",
        flexShrink: 0
      },
      ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action:focus": {
        opacity: 0
      },
      ".ant-upload-text-icon": {
        color: l.textColor4
      },
      ".ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error": {
        ".ant-upload-list-item-name": {
          color: l.colorError
        },
        ".ant-upload-icon .anticon": {
          color: l.colorError
        },
        ".ant-upload-text-icon": {
          color: l.colorError
        }
      },
      ".ant-upload-list-item-done": {
        color: l.colorLink,
        ".ant-upload-list-item-name": {
          cursor: "pointer"
        }
      },
      ".ant-upload-list-item-undefined": {
        color: l.colorLink
      }
    }
  };
};
export {
  i as multipleFileStyle
};
