/*
 * @Author: yuananting
 * @Date: 2021-03-27 14:55:14
 * @LastEditors: yuananting
 * @LastEditTime: 2021-04-07 10:25:44
 * @Description: 助学工具-试卷主页面
 * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
 */
import React, { Component } from "react";
import "./PaperContent.less";
import CourseCategorySiderTree from "../components/CourseCategorySiderTree";
import PaperList from "./components/PaperList";

class PaperContent extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <div className={this.props.type == "modal-select"?  "paper-content-page paper-content-modal":"paper-content-page"} >
        <div
          style={{ borderRight: "0.5px solid #EEEEEE", paddingRight: "4px" }}
        >
          <div className="sider" >
            <CourseCategorySiderTree
              type={this.props.type}
              fromModule="PAPER_INDEX"
            />
          </div>
        </div>
        <div className="content" >
          <PaperList
            type={this.props.type}
            paperId={this.props.paperId}
            onSelect={this.props.onSelect}
          />
        </div>
      </div>
    );
  }
}

export default PaperContent;
