<template>
	<div class="simplestats-dashboard-top-bar">
		<h1 class="simplestats-dashboard-top-bar__greeting">
			<span class="simplestats-dashboard-top-bar__greeting-prefix">{{ text_hello }},</span>
			<span class="simplestats-dashboard-top-bar__greeting-name">{{ displayName }}</span>
		</h1>
		<DateRangePicker />
	</div>
</template>

<script setup>
	import DateRangePicker from './DateRangePicker.vue';

	const text_hello  = wp.i18n.__( 'Hello', 'simplestats-friendly-website-analytics' );
	const displayName = SimpleStatsVue.user?.displayName || '';
</script>
