<template>
  <div class="pane-text px-2 pt-5 pb-3 text-overline">{{ props.title }}</div>
</template>

<script lang="ts" setup>
interface Props {
  title: string;
}

const props = withDefaults(defineProps<Props>(), {
  title: '',
});
</script>

<style scoped lang="scss">
.pane-text {
  color: #5e5e6b;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
</style>
