<script setup lang="ts">
withDefaults(
  defineProps<{
    detailsLink: string;
    slim?: boolean;
  }>(),
  {
    slim: false,
  }
);
</script>

<template>
  <div :class="['flex h-full flex-col bg-white', slim ? '' : 'space-y-4']">
    <h4 class="mb-1 font-bold">
      <slot name="title"></slot>
    </h4>
    <slot name="content"></slot>
    <div class="flex-grow"></div>
    <div class="pt-0">
      <router-link class="underline" :to="detailsLink" data-cy="basebox.detailsLink">
        {{ $t("a.Details anschauen") }}
      </router-link>
    </div>
  </div>
</template>

<style scoped></style>
