LifecyclePicture.tsx

import useImgPath from 'shared/use-img-path'

const { getImgPath } = useImgPath()

type LifecylceOptions = {
    status: string
  }
// Display the image corresponding to the lifecycle phase
export default ({ status } : LifecylceOptions) => {
    const imagePath = `/img/standards/lifecycle/${status}.svg`
    console.log(status)

    return (
        <div className="border border-gray-300 rounded-lg overflow-hidden py-2">
            {/* Die Next.js Image-Komponente verwendet das "src" Attribut */}
            <img
                src={getImgPath(imagePath)}
                alt={`Bild für Tag ${status}`}
                width={500} // Breite des Bildes
                height={0} // Höhe des Bildes
            />
        </div>
    )
}