import React, {Component} from 'react';
import {Row, Col, Card} from 'antd';
import APIGroupCard from './APIGroupCard';
import APIPathCard from './APIPathCard';
import DeployCard from './DeployCard';
import ConnectCard from './ConnectCard';


class TencentConfig extends Component {
    constructor(props) {
        super(props);
        this.state = {
        };
    }



    render() {
        return (
            <div>
                <div style={{padding: '30px' }}>
                    <Row gutter={16}>
                        <Col span={12}>
                            <Card title="Deploy"><DeployCard/></Card>
                        </Col>
                        <Col span={12}>
                            <Card title="API Group" ><APIGroupCard/></Card>
                        </Col>
                    </Row>
                </div>
                <div style={{padding: '30px', paddingTop: '15px'}}>
                    <Row gutter={16}>
                        <Col span={12}>
                            <Card title="API Path"><APIPathCard/></Card>
                        </Col>
                        <Col span={12}>
                            <Card title="Connect" ><ConnectCard/></Card>
                        </Col>
                    </Row>
                </div>
            </div>
        )
    }
}

export default TencentConfig;