<script lang="ts">
    import type PdfFile from "../models/PdfFile";
    import PrimitiveView from "./PrimitiveView.svelte";

    let {file, path, selectHandler, prim}: { file: PdfFile, path: string, selectHandler: any, prim: Primitive | undefined } = $props();


</script>


<div class="document-view text-forge-text">
    <div class="grid grid-cols-6">
        <div class="header"><h1>{file.name}</h1></div>
        <div><small class=" small">COS Path: </small></div>
        <div class="big"><p>{path}</p></div>
        <div><small class=" small">Location: </small></div>
        <div class="big "><p>{file.path}</p></div>
        <div><small class=" small">Pages: </small></div>
        <div class="big "><p>{file.page_count}</p></div>
        <div><small class=" small">Last modified: </small></div>
        <div class="big "><p>{file.last_modified}</p></div>
    </div>
</div>
<style lang="postcss">
    .document-view {
        padding: 2rem;
        text-align: left;
    }

    .small {
        @apply text-forge-text_sec whitespace-nowrap;
        text-align: left;

    }

    .big {
        @apply whitespace-nowrap col-span-5;
        text-align: left;
    }

    .header {
        @apply whitespace-nowrap col-span-6;

        text-align: center;
    }
</style>