import AppCard from "@/components/app-card";

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>
      {/* Heading */}
      <div>
        <h1 className="text-5xl font-bold text-black">Dashboard</h1>
      </div>
      <div className="mt-4 grid xs:grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
        <AppCard app={mockService} />
        <AppCard app={mockServiceDesc} />
      </div>
    </main>
  );
}