'use client'
import React from 'react'

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">
          <div className="card card-gradient p-6">
            <h2 className="text-xl font-bold text-white mb-4">Trading Panel</h2>
            <p className="text-gray-400">Trading interface will be available here.</p>
          </div>
        </div>
        
        <div className="space-y-6">
          <div className="card card-gradient p-6">
            <h2 className="text-xl font-bold text-white mb-4">Trading History</h2>
            <p className="text-gray-400">Recent trades and history will be shown here.</p>
          </div>
        </div>
      </div>
    </div>
  )
}