export default function HeaderArticle({ post, siteInfo }) {
  const headerImage = post?.page_cover ? post?.page_cover : siteInfo?.pageCover
  const title = post?.title
  return (
        <div className="flex h-96 justify-center align-middle items-center w-full relative duration-200 bg-black rounded-t-md">
            {/* eslint-disable-next-line @next/next/no-img-element */}
            <img
                src={headerImage}
                alt={title}
                className="opacity-50 h-full w-full rounded-t-md object-cover"
            />
            <span className='absolute text-white p-6 text-3xl'>{title}</span>
        </div>
  )
}