<script setup>
const props = defineProps({
  title: {
    type: String,
  }
})
</script>

<template>
  <div class="control-card">
    <div class="title" v-if="props.title">{{ props.title }}</div>
    <div class="body">
      <slot></slot>
    </div>
  </div>
</template>

<style scoped lang="scss">
.control-card {
  @include br6;
  padding: 10px;

  .title {
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 900;
  }

  .body {
    height: calc(100% - 20px);
    overflow-y: auto;
  }
}

</style>