import React, { Component } from 'react';
import './index.less';
import Icon from '../Icon';
import Open from '../Open';

export default class OtherAnswer extends Component {
  render() {
    const { data } = this.props;
    return (
      <div className="other-answer">
        <div className="small-tag">提问</div>
        <div className="title">{data.content}</div>
        <div className="small-tag">回答</div>
        <Open height={80} up={<Icon name="up" />} down={<Icon name="down" />}>
          <div className="desc" dangerouslySetInnerHTML={{ __html: data.answer }} />
        </Open>
      </div>
    );
  }
}