import * as React from 'react'
import { Notification } from '@tianrang-inc/element-react'
import { Notification as NotificationNext } from '@tianrang-inc/element-react/next'

Notification('message')
Notification('message', 'success')
Notification('message', 'warning')
Notification('message', 'info')
Notification('message', 'error')
Notification.success('message')
Notification.warning('message')
Notification.info('message')
Notification.error('message')
Notification.close()
Notification({
  message: 'message'
})
Notification({
  title: 'title'
})
Notification({
  type: 'success'
})
Notification({
  type: 'warning'
})
Notification({
  type: 'info'
})
Notification({
  message: 'message',
  title: 'string',
  type: 'error',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})

Notification.success({
  message: 'message'
})
Notification.success({
  title: 'title'
})
Notification.success({
  message: 'message',
  title: 'string',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})
Notification.warning({
  message: 'message'
})
Notification.warning({
  title: 'title'
})
Notification.warning({
  message: 'message',
  title: 'string',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})
Notification.info({
  message: 'message'
})
Notification.info({
  title: 'title'
})
Notification.info({
  message: 'message',
  title: 'string',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})
Notification.error({
  message: 'message'
})
Notification.error({
  title: 'title'
})
Notification.error({
  message: 'message',
  title: 'string',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})


NotificationNext('message')
NotificationNext('message', 'success')
NotificationNext('message', 'warning')
NotificationNext('message', 'info')
NotificationNext('message', 'error')
NotificationNext.success('message')
NotificationNext.warning('message')
NotificationNext.info('message')
NotificationNext.error('message')
NotificationNext.close()
NotificationNext({
  message: 'message'
})
NotificationNext({
  title: 'title'
})
NotificationNext({
  type: 'success'
})
NotificationNext({
  type: 'warning'
})
NotificationNext({
  type: 'info'
})
NotificationNext({
  message: 'message',
  title: 'string',
  type: 'error',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})

NotificationNext.success({
  message: 'message'
})
NotificationNext.success({
  title: 'title'
})
NotificationNext.success({
  message: 'message',
  title: 'string',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})
NotificationNext.warning({
  message: 'message'
})
NotificationNext.warning({
  title: 'title'
})
NotificationNext.warning({
  message: 'message',
  title: 'string',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})
NotificationNext.info({
  message: 'message'
})
NotificationNext.info({
  title: 'title'
})
NotificationNext.info({
  message: 'message',
  title: 'string',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})
NotificationNext.error({
  message: 'message'
})
NotificationNext.error({
  title: 'title'
})
NotificationNext.error({
  message: 'message',
  title: 'string',
  iconClass: 'string',
  duration: 0,
  onClick() { },
  onClose() { },
  offset: 10
})


const element = (<div>text</div>)
Notification({
  message: element
})
Notification.success({
  message: element
})
Notification.warning({
  message: element
})
Notification.info({
  message: element
})
Notification.error({
  message: element
})
NotificationNext({
  message: element
})
NotificationNext.success({
  message: element
})
NotificationNext.warning({
  message: element
})
NotificationNext.info({
  message: element
})
NotificationNext.error({
  message: element
})