// import fs from "fs";
// import path from "path";
// import {getPlaiceholder} from "plaiceholder";
import Image from "next/image";
import {cloneDeep} from "lodash";

export const BlurPublicImage = async (props) => {
    let cloneProps = cloneDeep(props)
    if(!cloneProps.alt) cloneProps.alt="image"
    return <Image
        {...cloneProps}
    />
}
// export const BlurPublicImage = async (props) => {
//     try {
//         let url = "public" + props.src;
//         let isSVG = url.split(".").at(-1) === "svg";
//         const imagePath = path.join(process.cwd(), url);
//         const buffer = fs.readFileSync(imagePath);
//
//         let blurData = ""
//         if (isSVG) {
//             const base64 = `data:image/svg+xml;base64,${Buffer.from(buffer).toString("base64")}`;
//             blurData = base64;
//         } else {
//             const {base64} = await getPlaiceholder(buffer);
//             blurData = base64;
//         }
//         return (
//             <Image
//                 {...props}
//                 placeholder="blur"
//                 blurDataURL={blurData}
//             />
//         );
//     } catch (e) {
//         return <Image
//             {...props}
//         />
//     }
//
// }