<template>
<MkTooltip :showing="true" :target-element="targetElement" :max-width="400" @closed="emit('closed')">
	<div class="tooltip-note">
		<MkNoteSub v-for="note in notes" :key="note.id" :note="note"/>
	</div>
</MkTooltip>
</template>

<script lang="ts" setup>
import * as misskey from 'foundkey-js';
import MkTooltip from './ui/tooltip.vue';
import MkNoteSub from './MkNoteSub.vue';

defineProps<{
	notes: misskey.entities.Note[];
	targetElement: HTMLElement;
}>();

const emit = defineEmits<{
	(ev: 'closed'): void;
}>();
</script>

<style lang="scss" scoped>
.tooltip-note {
	text-align: left;
}
</style>
