<template>
  <div class="content">
    <div class="top">
      <slot name="top"></slot>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'index.vue'
}
</script>

<style lang="scss" scoped>
.content {
  height: 100%;
  background-color: rgba(34, 58, 77, 0.5);
  backdrop-filter: blur(4px);
  border-radius: 10px;

  .top {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: linear-gradient(rgba(134, 74, 70, 0.8), rgba(134, 74, 70, 0));
    height: 50px;
  }
}
</style>
