import { Tag } from 'types/content/'
/* import useImgPath from 'shared/use-img-path'
import Image from 'next/image'

const { getImgPath } = useImgPath()

const imageLoader = ({ src, width, quality }) => {
    return `${src}?w=${width}&q=${quality || 75}`
} */

export default function LifecyclePicture(lifecyclephase:Tag) {
    /* beim tag 'status' soll das zugehörige Lebenszyklus-Bild ausgegeben werden */
    const imagePath = `/img/standards/lifecycle/${lifecyclephase.value}.svg`
    return (
        <div className="border border-gray-300 rounded-lg overflow-hidden py-2">
            {/* Die Next.js Image-Komponente verwendet das "src" Attribut
            <Image
                loader={imageLoader}
                src={getImgPath(imagePath)}
                alt={`Bild für Tag ${lifecyclephase.value}`}
                width={500} // Breite des Bildes
                height={0} // Höhe des Bildes
            /> */}
            <p>{imagePath}</p>
        </div>
    )
}