spb/internetpressure

1'use client';23import { SeriesChart } from '@/components/charts/SeriesChart';4import type { IncidentDetail } from '@/lib/types';56export function IncidentSeriesChart({ series, timeline }: { series: IncidentDetail['series']; timeline: IncidentDetail['timeline'] }) {7  return (8    <SeriesChart9      lines={[10        { name: 'Incident scope', color: '#E76F51', points: series.points.map((p) => ({ ts: p.ts, value: p.pressure })), area: true, width: 1.5 },11        { name: 'Global pressure', color: '#8B98A5', points: series.points.map((p) => ({ ts: p.ts, value: p.global_pressure })), dashed: true },12      ]}13      height={260}14      markLines={timeline.map((t) => ({ ts: t.ts, label: t.status }))}15    />16  );17}18