import React from 'react'
import MarkDown from 'react-markdown'
import styles from '@/pages/Hr/Notification/index.less'

const MessageDrawer = props => {
  const {
    item: { title, createTime, content }
  } = props
  return (
    <div className="px-5">
      <h1 className="pt-4 text-xl pr-6">{title}</h1>
      <div className="text-blueGray-500 py-1">{createTime}</div>
      <div
        className={['py-3', styles.NotificationCont].join(' ')}
        style={{ height: 'calc(100vh - 120px)', overflowY: 'auto' }}>
        <MarkDown>{content}</MarkDown>
      </div>
    </div>
  )
}

export default MessageDrawer
