<template>
  <section class="mainpage-block">
    <header class="mainpage-block__header">
      <div v-if="block.title" class="font-bold uppercase text-center">{{ block.title }}</div>
      <div v-if="block.description" class="text-sm text-center mb-2">{{ block.description }}</div>
    </header>
    <main>
      <Slider :config="block.data" :goalName="block.goal_name"/>
    </main>
  </section>
</template>

<script setup>
import Slider from "@/components/Slider.vue";

const props = defineProps({
  block: {
    type: Object,
    required: true,
  }
});
</script>

<style scoped lang="scss">

</style>