"use client";

import { Suspense, use } from "react";
import PostFeedView from "@/components/posts/PostFeedView";
import Container from "@/components/elements/Container";
import PageLoader from "@/components/ui/PageLoader";

export default function ExploreReelPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = use(params);
  return (
    <Container className="!px-0">
      <Suspense fallback={<PageLoader className="min-h-[100dvh]" />}>
        <PostFeedView initialPostId={id} videoOnly showClose />
      </Suspense>
    </Container>
  );
}
