import React from 'react'
import { Row, Col, Collapse, Alert } from 'antd';
const Panel = Collapse.Panel;

// import {Line,Pie,Doughnut} from 'react-chartjs';

import styles from './index.less'

const chartOption = {
  responsive: true
}

const text = `
  A dog is a type of domesticated animal.
  Known for its loyalty and faithfulness,
  it can be found as a welcome guest in many households across the world.
  A dog is a type of domesticated animal.
  Known for its loyalty and faithfulness,
  it can be found as a welcome guest in many households across the world.
  A dog is a type of domesticated animal.
  Known for its loyalty and faithfulness,
  it can be found as a welcome guest in many households across the world.
`;

export default class Home extends React.Component {
  constructor() {
    super()
  }

  componentWillMount() {
  }

  callback() {

  }

  render() {
    const detail = (
      <Collapse defaultActiveKey={['1', '2', '3']} onChange={this.callback}>
        <Panel header="This is panel header 1" key="1">
          <p>{text}</p>
        </Panel>
        <Panel header="This is panel header 2" key="2">
          <p>{text}</p>
        </Panel>
        <Panel header="This is panel header 3" key="3">
          <p>{text}</p>
        </Panel>
      </Collapse>
    )
    return (
      <div style={{overflow: 'hidden'}}>
        <Alert
          message="消息提示的文案"
          description="消息提示的辅助性文字介绍消息提示的辅助性文,字介绍消息提示的辅助性文字介绍"
          type="info"
          showIcon
          />
        <Row className={styles["home-row"]} type="flex" justify="space-between">
          <Col span="11">
            {detail}
          </Col>
          <Col span="2">
            {/**/}
          </Col>
          <Col span="11">
            {detail}
          </Col>
        </Row>
      </div>
    )
  }
}