import { addHours } from 'date-fns';
import drMiles from '@/assets/images/dr-miles.png';
import { useI18n } from 'vue-i18n';
import { computed } from 'vue';

export function useDemoNotifications() {
  const { tm } = useI18n();

  const notifications = computed(() => {
    const texts = tm('texts.demo.notifications') as string[];
    return texts.map((value, idx) => ({
      avatar: drMiles,
      title: value,
      timestamp: addHours(new Date(), idx * -2), // 2 hours between each
      isUnread: idx === 0,
    }));
  });

  return { notifications };
}