// src/app/(app)/support/page.tsx — client support: list + create ticket (ELEVA-104).
import { DashboardHeader } from "@/components/dashboard-header";
import { SupportTicketList } from "@/components/support/support-ticket-list";
import {
  Breadcrumb,
  BreadcrumbItem,
  BreadcrumbList,
  BreadcrumbPage,
} from "@/components/ui/breadcrumb";
import { getMyTicketsAction } from "@/lib/support/actions";

export default async function SupportPage() {
  const tickets = await getMyTicketsAction();
  return (
    <>
      <DashboardHeader>
        <Breadcrumb>
          <BreadcrumbList>
            <BreadcrumbItem>
              <BreadcrumbPage>Support</BreadcrumbPage>
            </BreadcrumbItem>
          </BreadcrumbList>
        </Breadcrumb>
      </DashboardHeader>
      <div className="mx-auto w-full max-w-3xl p-4 md:p-6">
        <SupportTicketList tickets={tickets} />
      </div>
    </>
  );
}