"use client"

import dynamic from "next/dynamic"

const PDFReader = dynamic(() => import("./PDFReader"), {
  ssr: false,
  loading: () => (
    <div className="flex items-center justify-center h-screen">
      <p className="text-muted-foreground">Loading reader...</p>
    </div>
  )
})

const EPUBReader = dynamic(() => import("./EPUBReader"), {
  ssr: false,
})

type ReaderWrapperProps = {
  fileUrl: string
  format: "PDF" | "EPUB"
  title: string
}

export default function ReaderWrapper({ fileUrl, format, title }: ReaderWrapperProps) {
  return format === "PDF"
    ? <PDFReader fileUrl={fileUrl} title={title} />
    : <EPUBReader fileUrl={fileUrl} />
}