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

<template>
	<div class="page-top flex gap-1">
		<div class="grid gap-025">
			<h1 class="m-0 semibold txt-20 m_txt16 line-height-1">
				<slot /> {{ value }}
			</h1>
			<p v-if="subtitle || $slots.subtitle" class="top-subtitle m-0 txt-13 m_txt12 align-items-center line-height-12 opacity-6">
				<slot name="subtitle">{{ subtitle }}</slot>
			</p>
		</div>
	</div>
</template>