<script lang="ts">
    import { A1BerechnungAllgemeineAnlagenbeschreibung } from "#lib/Berechnungen/BedarfsausweisWohnen/A1BerechnungAllgemeineAnlagenbeschreibung.js";
 
   $: result = A1BerechnungAllgemeineAnlagenbeschreibung();
 
 </script>


<div class="overflow-x-auto mt-16">
    <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
      <!-- Tabellenkopf -->
      <thead>
        <tr class="bg-gray-200 text-left">
          <th colspan="6" class="border border-gray-300 p-2">
            <h2>Tabelle A.1 – Anlage allgemein – Anlagenbeschreibung</h2>
          </th>
        </tr>
        <tr class="bg-yellow-100 text-left">
          <th colspan="1" class="border border-gray-300 p-2 text-xl bg-white">Objekt:</th>
          <th colspan="5" class="border border-gray-300 p-2"></th>
        </tr>
        <tr class="text-center">
          <th class="border border-gray-300 p-2">Anlage</th>
          <th class="border border-gray-300 p-2">Übergabe</th>
          <th class="border border-gray-300 p-2">Verteilung</th>
          <th class="border border-gray-300 p-2">Speicherung</th>
          <th class="border border-gray-300 p-2">Erzeugung</th>
        </tr>
      </thead>
  
      <!-- Tabellenkörper -->
      <tbody>
        <tr class="bg-yellow-100 h-10">
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
        </tr>
        <tr class="bg-yellow-100 h-10">
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
        </tr>
        <tr class="bg-yellow-100 h-10">
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
        </tr>
        <tr class="bg-yellow-100 h-10">
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
        </tr>
        <tr class="bg-yellow-100 h-10">
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
        </tr>
        <tr class="bg-yellow-100 h-10">
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
          <td class="border border-gray-300 p-2"></td>
        </tr>
      </tbody>
    </table>
  </div>