<template>
  <div>
    <HeaderBar />
    <div class="ma-8">
      <li>
        <CategoryContainer licenseGroupName="Jetbrains Ultimate" />
        <CategoryContainer licenseGroupName="Microsoft" />
        <CategoryContainer licenseGroupName="Willy Wonker Online Movie" />
      </li>
    </div>
  </div>
</template>

<script setup lang="ts">
import HeaderBar from "./HeaderBar.vue";
import CategoryContainer from "./CategoryContainer.vue";
</script>

<style scoped>
li {
  list-style-type: none;
}
</style>
