'use client';

import { Panel } from '@/ui/Panel';
import { ActivityFeed } from '../feed/ActivityFeed';
import React from 'react';

interface FeedItem {
  id: string;
  type: string;
  headline: string;
  body?: string;
  timestamp: string;
  formattedTime: string;
  ctaHref?: string;
  ctaLabel?: string;
}

interface ActivityFeedPanelProps {
  items: FeedItem[];
  hasItems: boolean;
}

/**
 * ActivityFeedPanel
 * 
 * A semantic wrapper for the activity feed.
 */
export function ActivityFeedPanel({ items, hasItems }: ActivityFeedPanelProps) {
  return (
    <Panel title="Activity Feed">
      <ActivityFeed items={items} hasItems={hasItems} />
    </Panel>
  );
}