'use client'; import React from 'react'; import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts'; interface TransactionChartProps { data: { displayDate: string; amount: number; }[]; } export default function TransactionChart({ data }: TransactionChartProps) { return (
} cursor={{ stroke: '#2563EB', strokeWidth: 1, strokeDasharray: '4 4' }} />
); } function CustomTooltip({ active, payload, label }: any) { if (active && payload && payload.length) { return (

{label}

{payload[0].value.toLocaleString('tr-TR', { minimumFractionDigits: 2 })} ₺

); } return null; }