<script setup lang="ts">
defineProps<{
  detailsLink: string;
}>();
</script>

<template>
  <div class="flex flex-col space-y-4 bg-white p-6">
    <h4 class="mb-1 font-bold">
      <slot name="title"></slot>
    </h4>
    <slot name="content"></slot>
    <div class="flex-grow"></div>
    <div class="pt-8">
      <router-link class="underline" :to="detailsLink" data-cy="basebox.detailsLink">
        {{ $t("a.Details anschauen") }}
      </router-link>
    </div>
  </div>
</template>

<style scoped></style>
