LJayFX Stock Analysis Software

import React from "react";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
import { Button } from "@/components/ui/button";
import { LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer } from "recharts";

const sampleData = [
  { date: "Mon", price: 120 },
  { date: "Tue", price: 130 },
  { date: "Wed", price: 125 },
  { date: "Thu", price: 140 },
  { date: "Fri", price: 135 },
];

export default function StockAnalysisLayout() {
  return (
    <div className="p-6 grid grid-cols-1 md:grid-cols-2 gap-6">
      {/* Stock Information */}
      <Card className="col-span-1">
        <CardHeader>
          <CardTitle>Stock Details</CardTitle>
        </CardHeader>
        <CardContent className="space-y-4">
          <Input placeholder="Stock Ticker (e.g., AAPL)" />
          <Textarea placeholder="Brief Description / Notes" rows={4} />
          <Button>Save Stock Info</Button>
        </CardContent>
      </Card>

      {/* Chart Analysis */}
      <Card className="col-span-1">
        <CardHeader>
          <CardTitle>Chart Analysis</CardTitle>
        </CardHeader>
        <CardContent>
          <ResponsiveContainer width="100%" height={200}>
            <LineChart data={sampleData}>
              <XAxis dataKey="date" />
              <YAxis />
              <Tooltip />
              <Line type="monotone" dataKey="price" stroke="#4f46e5" strokeWidth={2} />
            </LineChart>
          </ResponsiveContainer>
          <Textarea placeholder="Write your technical analysis here..." rows={4} className="mt-4" />
          <Button className="mt-2">Save Chart Notes</Button>
        </CardContent>
      </Card>

      {/* Tabs for Fundamentals, News, etc. */}
      <Card className="col-span-1 md:col-span-2">
        <CardHeader>
          <CardTitle>Additional Insights</CardTitle>
        </CardHeader>
        <CardContent>
          <Tabs defaultValue="fundamentals">
            <TabsList>
              <TabsTrigger value="fundamentals">Fundamentals</TabsTrigger>
              <TabsTrigger value="news">News</TabsTrigger>
              <TabsTrigger value="strategy">Strategy</TabsTrigger>
            </TabsList>
            <TabsContent value="fundamentals">
              <Textarea placeholder="Write about company fundamentals..." rows={6} />
              <Button className="mt-2">Save Fundamentals</Button>
            </TabsContent>
            <TabsContent value="news">
              <Textarea placeholder="Summarize recent news..." rows={6} />
              <Button className="mt-2">Save News</Button>
            </TabsContent>
            <TabsContent value="strategy">
              <Textarea placeholder="Outline your trading strategy..." rows={6} />
              <Button className="mt-2">Save Strategy</Button>
            </TabsContent>
          </Tabs>
        </CardContent>
      </Card>
    </div>
  );
}