rewording

src/lib/components/FileDropzone.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { Archive } from '@lucide/svelte';
+
 	type Props = {
 		onFilesSelected: (files: File[]) => void;
 		onFilesRejected?: (files: File[]) => void;
@@ -7,6 +9,7 @@
 		ariaLabel?: string;
 		label?: string;
 		sublabel?: string;
+		icon?: typeof Archive;
 		class?: string;
 	};
 
@@ -18,6 +21,7 @@
 		ariaLabel = 'PDF-Dateien hinzufügen',
 		label = 'Dateien hinzufügen',
 		sublabel = 'PDF hier ablegen oder zum Auswählen klicken',
+		icon = undefined,
 		class: className = ''
 	}: Props = $props();
 
@@ -110,6 +114,10 @@
 	ondragleave={handleDragLeave}
 	ondrop={handleDrop}
 >
+	{#if icon}
+		{@const IconComponent = icon}
+		<IconComponent class="h-10 w-10 text-primary" />
+	{/if}
 	<div class="flex flex-row items-baseline justify-center gap-2">
 		<span class="text-[18px] font-bold text-primary-900">{label}</span>
 		<span class="text-[20px] font-extrabold text-primary">+</span>

src/lib/components/ZipDropzone.svelte

@@ -13,8 +13,8 @@
 	{onFilesSelected}
 	accept=".zip,application/zip,application/x-zip-compressed"
 	multiple={true}
-	ariaLabel="ZIP-Dateien hinzufügen"
+	ariaLabel="beA-ZIP-Dateien hinzufügen"
 	label="Dateien hinzufügen"
-	sublabel="ZIP-Dateien hier ablegen oder zum Auswählen klicken"
+	sublabel="beA-ZIP-Dateien hier ablegen oder zum Auswählen klicken"
 	class="min-h-[calc(-180px+100vh)] border-0 bg-transparent {className}"
 />