export default async function Page(props: {
  params?: Promise<{
    id?: string;
  }>;
}) {
  const { params } = props;

  if (!params) {
    throw new Error("No params provided");
  }

  const { id } = await params;

  if (!id) {
    throw new Error("No id provided");
  }

  const { data: paper, isPending, error } = useGetPaperDetailsQuery(id);

  if (isPending) {
    return <div>Loading...</div>;
  }

  if (error) {
    return <div>Error: {error.message}</div>;
  }

  return (
    <div className="flex flex-col justify-center pb-4">
      <LoadedPaper paper={paper} />
    </div>
  );
}