---
import Image from "astro/components/Image.astro";
const { src, alt } = Astro.props;

import { getImageByPath } from "@lib/utils";

const image = getImageByPath(src);
---

{
  image && (
    <div class="my-8">
      <Image src={image} alt={alt} />
      <div class="mt-2 block w-full text-center text-sm italic">{alt}</div>
    </div>
  )
}