<script lang="ts">
	import ImageGrid from "../ImageGrid.svelte";;
	import { BedarfsausweisGewerbe, Enums } from "#lib/client/prisma.js";
	import { BildClient, ObjektClient } from "./types.js";

	export let images: BildClient[] = [];
	export let ausweis: BedarfsausweisGewerbe;
	export let objekt: ObjektClient;
</script>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-6 mt-6 p-2 sm:px-0">
	
	<div class="md:box md:card mb-0 bereich-box">


		<div class="font-bold mb-2">
			<span class="text-red-500">WICHTIG:</span>
			Bild Upload - Anlagentechnik
		</div>
	</div>

	<div class="md:box md:card mb-0 mt-6 md:mt-0">
		<div>
			Diese Bilder erscheinen <span class="text-red-500">nicht</span> auf Ihrem
			Energieausweis!<br />
		</div>
		<ImageGrid 
		max={4} 
		min={0} 
		name={"anlagen_technik_image"} 
		kategorie={Enums.BilderKategorie.AnlagenTechnik} 
		bind:images 
		bind:ausweis 
		bind:objekt
		>
	TEXT FEHLT
	</ImageGrid>
	</div>
</div>
