import Container from 'components/BlogContainer'
import BlogHeader from 'components/BlogHeader'
import Layout from 'components/Layout'
import MoreStories from 'components/MoreStories'
import PostBody from 'components/PostBody'
import PostHeader from 'components/PostHeader'
import PostPageHead from 'components/PostPageHead'
import PostTitle from 'components/PostTitle'
import SectionSeparator from 'components/SectionSeparator'
import * as demo from 'lib/demo.data'
import type { Post, Settings } from 'lib/sanity.queries'
import Head from 'next/head'
import { notFound } from 'next/navigation'
import Footer from './Footer/Footer'
import Navbar from './Navbar/Navbar'
export interface PostPageProps {
preview?: boolean
loading?: boolean
post: Post
morePosts: Post[]
settings: Settings
}
const NO_POSTS: Post[] = []
export default function PostPage(props: PostPageProps) {
const { preview, loading, morePosts = NO_POSTS, post, settings } = props
const { title = demo.title } = settings || {}
const slug = post?.slug
if (!slug && !preview) {
notFound()
}
return (
<>
{preview && !post ? (
Loading…
) : (
<>
{morePosts?.length > 0 && }
)}
)
}