<script lang="ts">
import { fs_path_url, FSNode } from "lib/FilesystemAPI.svelte";

let { node }: { node: FSNode } = $props();
</script>

<iframe
	class="container"
	src={"/res/misc/pdf-viewer/web/viewer.html?file="+fs_path_url(node.path)}
	title="PDF viewer">
</iframe>

<style>
.container {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	overflow: hidden;
	border: none;
}
</style>
