import ViewerShell from "@wrnexus/viewer/components/ViewerShell.wrn"
component Viewer {
  props {
    files: unknown[] = []
    richPdf: boolean = false
    hideName: boolean = false
    fullScreen: boolean = false
    layout: string = "inline"
    src: string = ""
    key: string = ""
    store: string = ""
    name: string = ""
    mime: string = ""
    size: string = ""
    theme: string = "auto"

    class: string = ""
  }
  view {
    <section class="wrn-viewer {class}" data-theme="{theme === 'auto' ? '' : theme}" data-wrnexus-runtime="viewer" data-files="{JSON.stringify(files)}" data-rich-pdf="{richPdf}" data-hide-name="{hideName}" data-full-screen="{fullScreen}" data-layout="{layout}" data-src="{src}" data-key="{key}" data-store="{store}" data-name="{name}" data-mime="{mime}" data-size="{size}" aria-label="{name === '' ? 'File preview' : name}">
      <ViewerShell name={name} hideName={hideName} />
      <noscript>Enable JavaScript to preview this file.</noscript>
    </section>
  }
}