import React from 'react';
import TransactionItem from './transaction-item';

const transactions = [
    { id: 1, amount: 250000, description: 'واریز از کارت', type: 'deposit' },
    { id: 2, amount: 45000, description: 'پرداخت فاکتور', type: 'withdraw' },
    { id: 3, amount: 120000, description: 'واریز نقدی', type: 'deposit' },
    { id: 4, amount: 780000, description: 'حقوق ماهیانه', type: 'deposit' },
    { id: 5, amount: 320000, description: 'خرید از فروشگاه', type: 'withdraw' },
    { id: 6, amount: 560000, description: 'واریز چک', type: 'deposit' },
    { id: 7, amount: 95000, description: 'شارژ اینترنت', type: 'withdraw' },
    { id: 8, amount: 1500000, description: 'پرداخت وام', type: 'withdraw' },
    { id: 9, amount: 430000, description: 'واریز از همراه', type: 'deposit' },
    { id: 10, amount: 210000, description: 'خرید آنلاین', type: 'withdraw' },
    { id: 11, amount: 670000, description: 'پاداش عملکرد', type: 'deposit' },
    { id: 12, amount: 185000, description: 'پرداخت قبوض', type: 'withdraw' },
    { id: 13, amount: 920000, description: 'فروش کالا', type: 'deposit' },
    { id: 14, amount: 380000, description: 'انتقال به دوست', type: 'withdraw' },
    { id: 15, amount: 110000, description: 'بازگشت وجه', type: 'deposit' },
] as const;

const TransactionHistory = () => {
    return (
        <div className="w-full my-8">
            {transactions.map((item, index) => (
                <TransactionItem
                    key={item.id}
                    amount={item.amount}
                    description={item.description}
                    type={item.type}
                    isLast={index === transactions.length - 1}
                />
            ))}
        </div>
    );
};

export default TransactionHistory;