'use client'

import { useGetReferralPayments } from '@/app/hooks/react-query/useGetReferralPayments';
import { useEffect } from 'react';

export default function PaymentsHistory() {

	const { data: paymentsData } = useGetReferralPayments();

	useEffect(() => {
		console.log(paymentsData);
	}, [paymentsData])

	return (
		<>
			<h4 className="mt-[30px]">📊 История выплат</h4>
			<div className="stats-grid">
				<div className="stats-item left-top-corner stats-header">
					Сумма
				</div>
				<div className="stats-item stats-header">
					Способ
				</div>
				<div className="stats-item stats-header">
					Статус
				</div>
				<div className="stats-item stats-header">
					Дата запроса
				</div>
				<div className="stats-item last-column right-top-corner stats-header">
					Обработано
				</div>

				<div className="stats-item first-column left-bottom-corner">
					0
				</div>
				<div className="stats-item second-row">
					0
				</div>
				<div className="stats-item second-row">
					0
				</div>
				<div className="stats-item second-row">
					0
				</div>
				<div className="stats-item last-column right-bottom-corner">
					0
				</div>
			</div>
		</>
	)
}