import AppCard from "@/components/app-card";
import PlusButton from "@/components/plus-button";

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 />
      <div className="grid xs:grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4 m-4">
        <AppCard app={mockService} />
        <AppCard app={mockServiceDesc} />
      </div>
      <hr />
    </main>
  );
}
