import React from 'react'

import Notification from '.'
import Link from '../Link'

export default function Demo() {
  return (
    <>
      <>
        <Notification message="普通提示的文案示例" />
        <br />
        <Notification message={<span dangerouslySetInnerHTML={{ __html: '<a>这是链接</a>' }} />} />
        <br />
        <Notification message={<Link href="xxx">这是 Link 组件</Link>} />
        <br />
        <Notification type="info" message="普通提示的文案示例" />
        <br />
        <Notification type="info" message={<span dangerouslySetInnerHTML={{ __html: '<a>这是链接</a>' }} />} />
        <br />
        <Notification type="info" message={<Link href="xxx">这是 Link 组件</Link>} />
        <br />
        <Notification type="success" message="成功提示的文案示例" />
        <br />
        <Notification type="success" message={<span dangerouslySetInnerHTML={{ __html: '<a>这是链接</a>' }} />} />
        <br />
        <Notification type="success" message={<Link href="xxx">这是 Link 组件</Link>} />
        <br />
        <Notification type="warning" message="警告提示的文案示例" />
        <br />
        <Notification type="error" message="错误提示的文案示例" />
        <br />
        <Notification message="响应关闭事件" onClose={() => { alert('关闭') }} />
        <br />
        <Notification message="禁止关闭" closable={false} />
      </>
    </>
  )
}