import { readFileSync } from "node:fs";
import { join } from "node:path";

import BaseParams from "@/types/BaseParams";
import Image from "next/image";

type PageParams = BaseParams<{ imageId: string }>;

function Page({ params }: PageParams) {
    const path = join(process.env.UPLOAD_PATH, params.imageId);

    return (
        <main className="main">
            <h1>{params.imageId}</h1>
            <Image src={path} alt={params.imageId} width={500} height={500} priority={true} />
        </main>
    );
}

export default Page;