import type { BlogPostHeroMedia } from "@/data/blog-post-detail";
import Image from "next/image";

const imgFluid = { width: "100%", height: "auto" } as const;

export default function BlogPostHeroImage({ hero }: { hero: BlogPostHeroMedia }) {
  return (
    <Image
      src={hero.src}
      alt={hero.alt}
      width={hero.width}
      height={hero.height}
      className="blog-img"
      style={imgFluid}
      priority
    />
  );
}