import { Panel } from '@/ui/Panel';
import { Stack } from '@/ui/primitives/Stack';
import { ActivityFeed } from '../feed/ActivityFeed';

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" padding={0}>
      <Stack px={6} pb={6}>
        <ActivityFeed items={items} hasItems={hasItems} />
      </Stack>
    </Panel>
  );
}
