<script lang="ts" setup>
defineProps({
	value: {
		type: String,
		default: '',
	},

})
</script>

<template>
	<div class="page-top">
		<h1 class="top-title m-0">
			<slot /> {{ value }}
		</h1>
	</div>
</template>

<style>
.top-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
}

.page-top {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media screen and (max-width: 910px) {
.top-title {
  font-size: 16px;
}
}
</style>
