Untitled

import React, { useEffect } from 'react'
import { RegisterBg } from '../../assets'
import { Gap, Link } from '../../components'
import './detailblog.scss'
import {useNavigate} from 'react-router-dom'
import withRouter from './withRouter'
const DetailBLog = (props) => {
  useEffect(() => {
    console.log('params', props.match.params.id)
  },[props])
  const navigate = useNavigate();
  return (
    
    <div className="detail-blog-wrapper">
      <img className="img-cover" src={RegisterBg} alt="thumb" />
      <p className="blog-title">Title</p>
      <p className="blog-author">Author - Date Post</p>
      <p className="blog-body">Quae voluptatem fuga minima velit et. Rerum et itaque. Porro ut qui et officiis consequatur libero debitis delectus. Aut qui corporis aspernatur ullam et reiciendis omnis voluptate quas.
                               Itaque quae asperiores animi qui. Est quia dolorem saepe numquam. Perspiciatis veniam magnam possimus nam earum. Alias est enim. Perspiciatis quia id voluptas eos dolor blanditiis aut sed non. Illum repellat non porro.                               oluptatibus vel dolores. Error ut sunt nostrum accusamus qui commodi aut velit quo. Aut aliquid atque rerum animi modi alias in rerum. Rerum omnis recusandae quasi sint. Pariatur vel atque dolorum. Numquam quidem ratione voluptatem velit commodi exercitationem at et.</p>
    <Gap height={20}/>
    <Link title="Kembali" onClick={() =>navigate('/')}/>
    </div>
  )
}
export default withRouter(DetailBLog)