import type { BlogPostListColumn } from "@/data/blog-post-detail";

export default function BlogPostListColumns({
  columns,
}: {
  columns: BlogPostListColumn[];
}) {
  return (
    <div className="row">
      {columns.map((column) => (
        <div key={column.id} className="col-lg-6 col-md-6">
          <ul className="blog-detail-list">
            {column.items.map((item, index) => (
              <li key={`${column.id}-${index}`}>{item}</li>
            ))}
          </ul>
        </div>
      ))}
    </div>
  );
}