'use client';

import { use } from 'react';
import { useRouter } from 'next/navigation';
import BlogPreview from '@/modules/blogs/components/BlogPreview';

export default function PreviewBlogPage({ params }: { params: Promise<{ id: string }> }) {
  const { id } = use(params);
  const router = useRouter();
  return (
    <div className="container mx-auto py-6 max-w-6xl">
      <BlogPreview blogId={Number(id)} onClose={() => router.push(`/blogs/${id}/edit`)} />
    </div>
  );
}