'use client';

import { CumulativePnLChart, DailyPnLChart } from '@/components/PnLChart';
import type { PnLDataPoint } from '@/lib/types';

export function PnLClient({ data }: { data: PnLDataPoint[] }) {
  return (
    <>
      <div className="card">
        <h2 className="text-lg font-semibold text-white mb-4">
          Cumulative PnL
        </h2>
        <CumulativePnLChart data={data} />
      </div>

      <div className="card">
        <h2 className="text-lg font-semibold text-white mb-4">
          Daily PnL
        </h2>
        <DailyPnLChart data={data} />
      </div>
    </>
  );
}