'use client';

import { SeriesChart } from '@/components/charts/SeriesChart';

export function BgpSeriesChart({ series }: { series: { ts: string; announcements: number; withdrawals: number }[] }) {
  return (
    <SeriesChart
      lines={[
        { name: 'Announcements / min', color: '#5B8DEF', points: series.map((p) => ({ ts: p.ts, value: p.announcements })), area: true },
        { name: 'Withdrawals / min', color: '#E76F51', points: series.map((p) => ({ ts: p.ts, value: p.withdrawals })), yAxisIndex: 1, width: 1.5 },
      ]}
      height={240}
      yMax="auto"
      bands={false}
      y2={{ max: 'auto', name: 'withdrawals' }}
    />
  );
}