// imports
export default async function SubscribersHome() {
  const session = await getServerSession(authOptions);
  const user = await prisma.team.findFirst({
    where: {
      userRoles: {
        every: {
          userId: session?.user?.id ?? "",
        },
      },
    },
  });

  return (
    <Layout
      pageName="Home"
      subtitle="Your page for critical information and summaries"
    >
      <Suspense fallback={<span>Loading...........</span>}>
        <div className="flex h-full w-full justify-center md:items-center">
         

                  <Link
                    href={`http://${user?.slug}.localhost:3001`}
                    target="_blank"
                    rel="noreferrer"
                    className="truncate rounded-md bg-slate-100 p-2 text-sm font-medium text-stone-900 transition-colors hover:bg-slate-200 dark:bg-stone-800 dark:text-stone-400 dark:hover:bg-stone-700"
                  >
                    {`http://${user?.slug}.localhost:3001`} ↗
                  </Link>
                </div>
              </div>
            </div>
            <Link href={DOCS_LINK} target="_blank" rel="noopener noreferrer">
              <Button>
                <ArrowRight className="mr-2 w-4" /> Go to Docs
              </Button>
            </Link>
          </div>
        </div>
        <PlanUpgradeBanner />
      </Suspense>
    </Layout>
  );
}