import AdvancedTradingPanel from '../../components/AdvancedTradingPanel'
import TradingHistory from '../../components/TradingHistory'

export default function TradingPage() {
  return (
    <div className="space-y-8">
      <div className="flex items-center justify-between">
        <div>
          <h1 className="text-3xl font-bold text-white">Manual Trading</h1>
          <p className="text-gray-400 mt-2">Execute trades and view trading history</p>
        </div>
      </div>
      
      <div className="grid grid-cols-1 xl:grid-cols-2 gap-8">
        <div className="space-y-6">
          <AdvancedTradingPanel />
        </div>
        
        <div className="space-y-6">
          <TradingHistory />
        </div>
      </div>
    </div>
  )
}