<template>
  <div class="h-32px bg-bg-secondary border-b-1px border-b-solid border-border box-border">
    <div class="px-16px leading-30px text-text-primary font-bold flex items-center justify-between">
      <span class="flex-1">
        <slot>
          {{ title }}
        </slot>
      </span>
      <span>
        <slot name="right"></slot>
      </span>
    </div>
  </div>
</template>

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