"use client";

import { Suspense } from "react";
import { usePageHeader } from "@/presentation/hooks/use-page-header";
import { SupportInbox } from "@/presentation/components/support/support-inbox";
import { useT } from "@/shared/i18n/client";

export default function SupportPage() {
  const t = useT();
  usePageHeader(t.support.title, t.support.subtitle);

  return (
    <div className="h-full min-h-0">
      {/* The inbox reads ?view= and ?c= from the URL. */}
      <Suspense>
        <SupportInbox />
      </Suspense>
    </div>
  );
}