<script lang="ts" setup>
import { Handle, Position } from '@vue-flow/core'
import { ref } from 'vue'
const props = defineProps<{
	data: {
		type: Object,
		default: () => ({
			id: '',
		})
	}
}>()

</script>

<template>
	<div class="node">
		<Handle type="target" id="left" :position="Position.Left" />
		<Handle type="source" id="right" :position="Position.Right" />
		<div>{{ props.data.id }}</div>
	</div>
</template>

<style lang="less" scoped>

</style>
