import AppGrid from "@/components/app-grid";
import PlusButton from "@/components/plus-button";
import AppGridFallback from "@/components/suspence/app-grid";
import { Suspense } from "react";

export default function Dashboard() {
  const mockService = {
    id: crypto.randomUUID(),
    name: "Redis",
    address: "127.0.0.1:6379",
  };

  const mockServiceDesc = {
    id: crypto.randomUUID(),
    name: "Postgres",
    address: "127.0.0.1:5432",
    description: "An disk-based database, with full modularity.",
  };

  return (
    <main>
      <PlusButton />
      <Suspense fallback={<AppGridFallback />}>
        <AppGrid />
      </Suspense>
      <hr />
    </main>
  );
}