import React, { Component } from 'react'
import { Space, Tag, Typography } from 'antd'
import Highlighter from 'pages/system/doc/highlighter'

const { Text } = Typography

export default class setting extends Component {
    render() {
        return (
            <Space direction="vertical" className="w-100-p">
                <Text>
                    维护接口地址在
                    <Tag className="ml-xs" color="orange">
                        /src/common/api/requests
                    </Tag>
                    中，通过每个子目录的
                    <Tag className="ml-xs" color="orange">
                        index.js
                    </Tag>
                    引入
                </Text>
                <Highlighter code={this.props.codes['api/setting.js']} language="javascript" />
            </Space>
        )
    }
}
