import ViewerToolbar from "@wrnexus/viewer/components/ViewerToolbar.wrn"
import DownloadCard from "@wrnexus/viewer/components/DownloadCard.wrn"
import ImageViewer from "@wrnexus/viewer/components/ImageViewer.wrn"
import VectorViewer from "@wrnexus/viewer/components/VectorViewer.wrn"
import PdfViewer from "@wrnexus/viewer/components/PdfViewer.wrn"
import CodeViewer from "@wrnexus/viewer/components/CodeViewer.wrn"
import SheetViewer from "@wrnexus/viewer/components/SheetViewer.wrn"
import DocViewer from "@wrnexus/viewer/components/DocViewer.wrn"
import MediaViewer from "@wrnexus/viewer/components/MediaViewer.wrn"
import ArchiveViewer from "@wrnexus/viewer/components/ArchiveViewer.wrn"
component ViewerShell {
  props {
    name: string = "File"
    hideName: boolean = false
    class: string = ""
  }
  view {
    <div class="wrn-viewer-shell {class}">
      <ViewerToolbar name={name} hideName={hideName} />
      <div class="wrn-viewer-content" data-viewer-content=""><p role="status">Loading preview…</p></div>
      <template data-viewer-template="DownloadCard"><DownloadCard /></template>
      <template data-viewer-template="ImageViewer"><ImageViewer /></template>
      <template data-viewer-template="VectorViewer"><VectorViewer /></template>
      <template data-viewer-template="PdfViewer"><PdfViewer /></template>
      <template data-viewer-template="CodeViewer"><CodeViewer /></template>
      <template data-viewer-template="SheetViewer"><SheetViewer /></template>
      <template data-viewer-template="DocViewer"><DocViewer /></template>
      <template data-viewer-template="MediaViewer"><MediaViewer /></template>
      <template data-viewer-template="ArchiveViewer"><ArchiveViewer /></template>
    </div>
  }
}