import type { Post } from '@/payload-types'
import { PostPreview } from './PostPreview'

interface PostListProps {
  posts: Post[]
  numbers?: number[]
  startNumber?: number
}

function numberFor(index: number, posts: Post[], numbers?: number[], startNumber?: number): number {
  if (numbers && numbers[index] !== undefined) return numbers[index]
  if (startNumber !== undefined) return startNumber - index
  return posts.length - index
}

export function PostList({ posts, numbers, startNumber }: PostListProps) {
  return (
    <ul className="m-0 list-none p-0">
      {posts.map((post, i) => (
        <PostPreview key={post.id} post={post} number={numberFor(i, posts, numbers, startNumber)} />
      ))}
    </ul>
  )
}