<template>
	<div class="space-y-2">
		<div v-for="day in hours" :key="day.day" class="flex justify-between py-2 border-b border-gray-100 last:border-0">
			<span class="font-medium">{{ day.day }}</span>
			<span :class="day.hours === 'Geschlossen' ? 'text-gray-400' : 'text-gray-900'">{{ day.hours }}</span>
		</div>
	</div>
</template>

<script setup lang="ts">
import type { OpeningHoursDay } from "~/composables/usePageContent";

defineProps<{
	hours: OpeningHoursDay[];
}>();
</script>
