import { DashboardPage } from "@/components/layout/dashboard-page";
import { getDashboardRole } from "@/lib/auth/dashboard-role";
import type { Metadata } from "next";
import { PageHeader } from "@/components/shared/page";
import { SubscriptionManagement } from "@/features/subscription/subscription-management";
export const metadata: Metadata = { title: "Subscription" };
function SubscriptionPage() {
  return (
    <>
      <PageHeader title="Subscription" />
      <SubscriptionManagement />
    </>
  );
}

export default async function DashboardRoute(props: {
  searchParams: Promise<Record<string, string | string[] | undefined>>;
}) {
  const query = await props.searchParams;
  const role = await getDashboardRole(
    Array.isArray(query.role) ? query.role[0] : query.role,
  );
  return (
    <DashboardPage role={role}>
      <SubscriptionPage />
    </DashboardPage>
  );
}