import React, {Component} from 'react';
import {Input, Tooltip, Icon, Button} from 'antd';

class NotificationCard extends Component {


    render() {
        return (
            <div>
                <div className='kind'>
                    <p style={{marginBottom: 10}}><b>Ding Talk</b></p>
                    <div className='item'>
                        <p style={{marginBottom: 10}}>
                            <span className='item-title'>
                                <span>Web hook  </span>
                                <Tooltip placement="top" title='hahahha'>
                                    <Icon type="question-circle"/>
                                </Tooltip>
                            </span>
                            <Input style={{width: 400}}/>
                        </p>
                        <p style={{marginBottom: 10}}>
                            <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: 600}}/>*/}
                        {/*</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');
                }}>save</Button>
            </div>
        )

    }
}

export default NotificationCard;