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

<template>
  <div class="sidebar-block">
    <h1>{{ title }}</h1>
    <slot></slot>
  </div>
</template>

<style scoped>
.sidebar-block {
  border: 1px solid #c6ac8f;
  border-radius: 10px;
  margin: 0 0 10px 0;
  padding: 20px;
  background-color: white;
}

h1 {
  color: #c6ac8f;
}
</style>
