import { Head, Link } from '@inertiajs/react'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import type { BlogPost } from './types'; type PageProps = { post: Required> & BlogPost; recentPosts: BlogPost[]; }; export default function BlogPost({ post, recentPosts }: PageProps) { return ( <>
{post.categories?.map((category) => ( {category.name} ))}

{post.title}

{post.author?.name ?? 'Shop team'} {post.published_at && ` ยท ${new Date(post.published_at).toLocaleDateString()}`}
{post.excerpt && (

{post.excerpt}

)}
{post.feature_image_url && ( {post.title} )}
); }