import React, { Component } from 'react';
import DocumentTitle from 'react-document-title';
import { Tabs } from 'antd-mobile';
import DogGroup from '../components/dogGroup';
import DogBreed from '../components/dogBreed';
import 'antd-mobile/dist/antd-mobile.less';
import styles from './index.less';

class index extends Component {
  state = {
    tabs: [{ title: '按犬组查询', key: 't1' }, { title: '按犬种查询', key: 't2' }],
  };
  componentWillMount = () => {};
  componentDidMount = () => {};
  componentWillUnmount = () => {};
  render() {
    const { tabs } = this.state;
    return (
      <DocumentTitle title="FCI犬种标准">
        <div className={styles.body}>
          <Tabs tabs={tabs} initialPage="t1">
            <DogGroup key="t1"></DogGroup>
            <DogBreed key="t2"></DogBreed>
          </Tabs>
        </div>
      </DocumentTitle>
    );
  }
}

export default index;