<template>
	<div class="pin"
	     @mousedown.stop="onMouseDown"
	     @mouseenter.stop="onMouseEnter"
	     @mouseleave.stop="onMouseLeave"
	>
		<div></div>
	</div>
</template>

<script>
	export default {
		name: "DockPin",
		props: ['data'],
		methods: {
			onMouseDown(e) {
				this.$emit('mousedown', e, this.data);
			},
			onMouseEnter(e) {
				this.$emit('mouseenter', e, this.data);
			},
			onMouseLeave(e) {
				this.$emit('mouseleave', e, this.data);
			},
		}
	}
</script>

<style scoped>

</style>