import React from "react";
import { TorrentTable } from "../components/torrents/TorrentTable";
import { TorrentDetailsCard } from "../components/torrents/TorrentDetailsCard";
import { LoopSetupCard } from "../components/loop/LoopSetupCard";
import { LoopStatsCard } from "../components/loop/LoopStatsCard";
import { LogsPanel } from "../components/loop/LogsPanel";
export const DashboardPage = () => {
  return (
    <>
      <div className="grid w-full grid-cols-1 gap-6 lg:grid-cols-[1.3fr_0.7fr]">
        <div className="min-w-0">
          <TorrentTable />
        </div>
        <div className="min-w-0 space-y-4">
          <TorrentDetailsCard />
          <LoopStatsCard />
          <LoopSetupCard />
        </div>
      </div>

      <div className="grid w-full grid-cols-1 gap-6">
        <LogsPanel />
      </div>
    </>
  );
};
