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

export class FAQItem extends Component {
  render() {
    const { className = '', data = {} } = this.props;
    return (
      <div className={`g-faq-item ${className}`}>
        <div className="g-faq-item-title">{data.title}</div>
        <div className="g-faq-item-desc">{data.desc}</div>
      </div>
    );
  }
}
export class CommentItem extends Component {
  render() {
    const { className = '', data = {} } = this.props;
    return (
      <div className={`g-comment-item ${className}`}>
        <div className="g-comment-item-left">
          <Assets name="d_b" src={data.avatar} />
        </div>
        <div className="g-comment-item-right">
          <div className="g-comment-item-right-info">
            <div className="g-comment-item-right-info-name">{data.name}</div>
            <div className="g-comment-item-right-info-date">{data.date}</div>
          </div>
          <div className="g-comment-item-right-desc">{data.desc}</div>
        </div>
      </div>
    );
  }
}