import React, { Component } from 'react'
import { Card, Col, Descriptions } from 'antd'

export default class base extends Component {
    render() {
        const { base } = this.props

        const { hostName, systemOs, wanIp, lanIp, osArchitecture, frameworkDescription } = base

        return (
            <>
                <Col span={24}>
                    <Card bordered={false}>
                        <Descriptions
                            column={2}
                            labelStyle={{ fontSize: '14px', color: 'rgba(0,0,0,.45)' }}
                            contentStyle={{ fontSize: '14px' }}
                        >
                            <Descriptions.Item label="主机名称">{hostName}</Descriptions.Item>
                            <Descriptions.Item label="操作系统">{systemOs}</Descriptions.Item>
                            <Descriptions.Item label="外网信息">{wanIp}</Descriptions.Item>
                            <Descriptions.Item label="内网IP">{lanIp}</Descriptions.Item>
                            <Descriptions.Item label="系统架构">{osArchitecture}</Descriptions.Item>
                            <Descriptions.Item label="运行框架">
                                {frameworkDescription}
                            </Descriptions.Item>
                        </Descriptions>
                    </Card>
                </Col>
            </>
        )
    }
}