import React, {Component} from 'react';
import {Input, Tooltip, Icon, Button} from 'antd';
import './index.css';

class CaseNotification extends Component {


    render() {
        return (
            <div>
                <span className='table-title'> Notification Settings</span>
                <div className='kind'>
                    <p><b>Ding Talk</b></p>
                    <div className='item'>
                        <p>
                            <span className='item-title'>
                                <span>Web hook  </span>
                                <Tooltip placement="top" title='hahahha'>
                                    <Icon type="question-circle"/>
                                </Tooltip>
                            </span>
                            <Input style={{width: 900}}/>
                        </p>
                        <p>
                            <span className='item-title'>
                                <span>Notification Name  </span>
                                <Tooltip placement="top" title='heheheheh'>
                                    <Icon type="question-circle"/>
                                </Tooltip>
                            </span>
                            <Input style={{width: 300}}/></p>
                    </div>
                </div>

                <div className='kind'>
                    <p><b>QQ</b></p>
                    <div className='item'>
                        <p>
                            <span className='item-title'>
                                <span>Web hook  </span>
                                <Tooltip placement="top" title='hahahha'>
                                    <Icon type="question-circle"/>
                                </Tooltip>
                            </span>
                            <Input style={{width: 900}}/>
                        </p>
                        <p>
                            <span className='item-title'>
                                <span>Notification Name  </span>
                                <Tooltip placement="top" title='heheheheh'>
                                    <Icon type="question-circle"/>
                                </Tooltip>
                            </span>
                            <Input style={{width: 300}}/></p>
                    </div>
                </div>

                <Button type="primary" onClick={() => {
                    console.log('hello');
                }}>SUBMIT</Button>
            </div>
        )

    }
}

export default CaseNotification;