Bedarfsausweis Rechnung + Datenblatt

src/components/DatenblattButton.svelte

@@ -1,4 +1,18 @@
-<a class="border-2 rounded-lg w-[30%] bg-white text-center hover:shadow-md no-underline p-6" href="/pdf/datenblatt">
+<script lang="ts">
+	import { Bedarfsausweis } from "src/lib/Ausweis/Bedarfsausweis";
+	import { Verbrauchsausweis } from "src/lib/Ausweis/Verbrauchsausweis";
+	import { VerbrauchsausweisGewerbe } from "src/lib/Ausweis/VerbrauchsausweisGewerbe";
+
+	export let ausweis: Verbrauchsausweis | Bedarfsausweis | VerbrauchsausweisGewerbe;
+
+	function viewDatenblatt() {
+		const base64 = btoa(JSON.stringify(ausweis));
+
+		window.open(`/pdf/datenblatt?base64=${base64}`, "_blank");
+	}
+</script>
+
+<button class="border-2 rounded-lg w-[30%] bg-white text-center hover:shadow-md no-underline p-6" on:click={viewDatenblatt}>
 	<img src="/images/datenblatt.webp" alt="Datenblatt" />
 	<span class="text-black font-medium text-lg">Datenblatt</span>
-</a>
+</button>