'use client'
import React from 'react'
import TradeExecutionPanel from '../../components/TradeExecutionPanel.js'
import PositionsPanel from '../../components/PositionsPanel.js'
import PendingOrdersPanel from '../../components/PendingOrdersPanel.js'
import TradesHistoryPanel from '../../components/TradesHistoryPanel.js'

export default function TradingPage() {
  return (
    <div className="space-y-8">
      <div className="grid grid-cols-1 xl:grid-cols-2 gap-8">
        <div className="space-y-6">
          <TradeExecutionPanel />
        </div>
        
        <div className="space-y-6">
          {/* Open Positions */}
          <PositionsPanel />

          {/* Pending Orders */}
          <PendingOrdersPanel />
          
          {/* Recent Trades */}
          <TradesHistoryPanel />
        </div>
      </div>
    </div>
  )
}