// app/components/admin/sidebar-widgets/RecentPostsWidget.tsx
'use client';
import { RecentPostsWidgetProps } from '@/lib/page-builder/container-types';

export default function RecentPostsWidget({ title = 'Recent Posts', posts = [] }: RecentPostsWidgetProps) {
  return (
    <div className="sidebar-widget">
      {title && <h3 className="text-base font-semibold text-gray-900 mb-3 pb-2 border-b">{title}</h3>}
      <ul className="space-y-3">
        {posts.map(post => (
          <li key={post.id} className="flex flex-col gap-0.5">
            <a href={post.link} className="text-sm text-blue-600 hover:underline font-medium leading-snug">
              {post.title}
            </a>
            <span className="text-xs text-gray-400">{post.date}</span>
          </li>
        ))}
      </ul>
    </div>
  );
}