'use client';

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

export function AsnBgpChart({ series }: { series: { ts: string; announcements: number; withdrawals: number }[] }) {
  return (
    <SeriesChart
      lines={[
        { name: 'Announcements', color: '#5B8DEF', points: series.map((p) => ({ ts: p.ts, value: p.announcements })), type: 'bar' },
        { name: 'Withdrawals', color: '#E76F51', points: series.map((p) => ({ ts: p.ts, value: p.withdrawals })), type: 'bar' },
      ]}
      height={180}
      yMax="auto"
      bands={false}
    />
  );
}