Deals List

'use client'

import * as React from 'react'
import { useState } from 'react'
import { Plus, Info, Edit, Trash2, TrendingUp, Eye } from 'lucide-react'
import { Button } from '@/components/ui/button'
import {
  Table, TableBody, TableCell, TableHead, TableHeader, TableRow,
} from '@/components/ui/table'
import { cn } from '@/lib/utils'

export interface Deal {
  id: string
  name?: string
  note?: string
  stocks: number
  coins: number
  pairs: number
  credited: number
  credited_trades: number
  debited: number
  debited_trades: number
  total: number
  total_trades: number
  timestamp_open: string
  timestamp_closed: string
  duration: string
}

export interface DealsListProps {
  deals: Deal[]
  onSelectDeal: (dealId: string) => void
  onAddDeal: () => void
  onEditDeal: (dealId: string) => void
  onDeleteDeal: (dealId: string) => void
  className?: string
}

// Summary stats (count, win rate, profit, loss), a deals table with
// per-row note toggle and Eye/Info/Edit/Trash actions, plus an empty state.
// See components/trading/deals-list.tsx for the full implementation.