import React, { Component } from 'react';
import './index.less';
import Assets from '@src/components/Assets';
import More from '../More';

export default class Note extends Component {
  render() {
    const { data = { file: true }, theme = 'default', actionList, onAction } = this.props;
    return (
      <div className={`note-detail ${theme}`}>
        <Assets className="note-avatar" name="sun_blue" src={data.avatar} />
        {onAction && actionList && <More menu={actionList} onClick={onAction} />}
        <div className="t-2 t-s-12 m-b-1">
          学生ID <span className="t-3">2019-07-02 19:00</span>
        </div>
        <div className="t-1 t-s-12 m-b-1">
          学生留言内容学生留言内容学生留言内容学，生留言内容学生留言。内容学生 留言内容学生留言内容学生留言内容。
        </div>
        <a hidden={!data.file} className="link t-s-12">
          学生上传文档1.doc
        </a>
      </div>
    );
  }
}