import SubscriptionsCard from "@/components/subscriptions/SubscriptionsCard";
import SubscriptionsDetails from "@/components/subscriptions/SubscriptionsDetails";
import GeneralServerAxios from "@/shared/AxiosPage/GeneralServerAxios";

export default async function page({
  searchParams,
}: {
  searchParams: Promise<{ page?: string }>;
}) {
  const params = await searchParams;
  const page = Number(params?.page) || 1;
  return (
    <GeneralServerAxios url="guest/subscriptions">
      {(data) => (
        <div className="overflow-hidden lg:py-20 py-36">
          <div className="min-h-[calc(100vh-80px)]">
            <SubscriptionsCard />
            {data?.subscriptions?.length && (
              <SubscriptionsDetails
                subscriptions={data?.subscriptions}
                paggination={data?.meta}
                current_page={page}
              />
            )}
          </div>
        </div>
      )}
    </GeneralServerAxios>
  );
}