import type { ArticleItem } from '../../data/types'
import { CesCard } from './CesCard'

/** 明细页图文网格：4 列白卡，窄屏 2 列 */
type CesCardGridProps = {
  items: ArticleItem[]
  /** 点击卡片打开文章详情 */
  onOpen?: (itemId: string) => void
}

export function CesCardGrid({ items, onOpen }: CesCardGridProps) {
  return (
    <div className="ces-grid">
      {items.map((item) => (
        <CesCard key={item.id} item={item} onOpen={onOpen} />
      ))}
    </div>
  )
}