Cacher is the code snippet organizer for pro developers

import { Override } from 'framer'

export const Hoverable: Override = () => {
	return {
		onMouseEnter(event) {
			const { x, y } = event.devicePoint
			console.log(`mouse entered at x: ${x} y: ${y}`)
		},
		onTap(event) {
			const { x, y } = event.devicePoint
			console.log(`mouse tapped at x: ${x} y: ${y}`)
		},
		onMouseLeave(event) {
			const { x, y } = event.devicePoint
			console.log(`mouse left at x: ${x} y: ${y}`)
		},
	}
}