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 grid-cols-1 gap-6 lg:grid-cols-[1.2fr_1fr]">
        <TorrentTable />
        <div className="space-y-4">
          <TorrentDetailsCard />
          <LoopStatsCard />
          <LoopSetupCard />
        </div>
      </div>

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