<template>
  <div class="top-title"> {{ props.title }} </div>
</template>

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

<style scoped lang="scss">
  .top-title {
    width: 100%;
    height: 48px;
    background: linear-gradient(180deg, rgba(#adcfff, 0.15) 0%, #ffffff 100%);
    border-radius: 8px 8px 0px 0px;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    display: flex;
    align-items: center;
    padding: 0 14px;
  }
</style>
