<template>
  <div class="root">
    <h2>{{ props.licenseGroupName }}:</h2>
    <ListViewElement
      licenseName="Jetbrains Ultimate 2024.2.1"
      licenseKey="321z8321789"
      startDate="12.12.2020"
      endDate="13.12.2021"
      :amount=1
      notes="No notes"
    />
    <!-- <ListViewElement
      licenseName="Jetbrains Ultimate 2024.2.1"
      key=""
      startDate=""
      endDate=""
      amount=""
      tags=""
      notes=""
    /> -->
  </div>

</template>

<script setup lang="ts">
  import ListViewElement from './ListViewElement.vue'

  const props = defineProps({
    licenseGroupName: String

  })

</script>


<style scoped>
  .root {
    margin-top: 10px;
  }

</style>
