'use client';

import { Card, Title, Text, Stack } from '@tidbcloud/uikit';

interface EventsCardProps {
  events: string[];
}

export default function EventsCard({ events }: EventsCardProps) {
  if (!events || events.length === 0) {
    return null;
  }

  return (
    <Stack gap="xs">
      {events.map((event, index) => (
        <Text key={index} size="sm">
           • {event}
        </Text>
      ))}
    </Stack>
  );
}