// src/components/site/no-site-access-notice.tsx — remplace le contenu de la
// page (pas le shell) pour un membre sans site accessible : explique où
// obtenir l'accès plutôt que de laisser voir des tableaux vides sans cause.
import { getTranslations } from "next-intl/server";
import {
  Card,
  CardContent,
  CardDescription,
  CardTitle,
} from "@/components/ui/card";

export async function NoSiteAccessNotice() {
  const t = await getTranslations("NoSiteAccess");
  return (
    <div className="flex min-h-[60svh] items-center justify-center p-6">
      <Card className="max-w-md">
        <CardContent className="flex flex-col gap-3 p-6 text-center md:p-8">
          <CardTitle>{t("title")}</CardTitle>
          <CardDescription>{t("body")}</CardDescription>
        </CardContent>
      </Card>
    </div>
  );
}