frontend/app/components/notes/attachments/file.vue

<template>
    <AttachmentBase :attachment="attachment" lightbox>
        <div
            class="flex flex-col items-center justify-center min-h-48 text-sm gap-2"
        >
            <File class="size-12" />
            <span>File attachment</span>
        </div>
    </AttachmentBase>
</template>

<script lang="ts" setup>
import type { Attachment } from "@versia/client/schemas";
import { File } from "lucide-vue-next";
import type { z } from "zod";
import AttachmentBase from "./attachment-base.vue";

const { attachment } = defineProps<{
    attachment: z.infer<typeof Attachment>;
}>();
</script>