"use server";

import BlogItem, { BlogItemParams } from "@/components/blogItem";
import { Blog } from "@/types/types";

export default async function HistoryDetails({
	params,
}: {
	params: Promise<{ blog_id: string }>;
}) {
	const { blog_id } = await params;
	let blog = {}
	try {
		const res = await fetch('http://localhost:3001/blogs/' + blog_id, {method: "GET"})
		blog = await res.json() 
		console.log(blog as Blog)
	} catch(e) {
		console.log(e);
	}

	if(blog == null) {
		return(
			<>
				Error
			</>
		)
	}

	const blog_item_params: BlogItemParams = {
		title_style:
			"py-12 mb-3 text-pretty text-xl font-semibold md:mb-4 md:text-4xl lg:mb-6 lg:max-w-3xl lg:text-3xl",
		subtitle_style:
			"py-12 mb-3 text-pretty text-xl font-semibold md:mb-4 md:text-4xl lg:mb-6 lg:max-w-3xl lg:text-3xl",
		p_style:
			"blog-paragraph mb-5 text-muted-foreground md:text-base lg:max-w-2xl lg:text-lg",
		default_img:
			"https://shadcnblocks.com/images/block/placeholder-dark-1.svg",
		blog: blog as Blog,
	};

	return <BlogItem params={blog_item_params} />;
}