summaryrefslogtreecommitdiff
path: root/apps/web/src/components/editor/panels/preview/preview-interaction-overlay.tsx
blob: c13379f06377fcf23f000b908569729b4a9c2587 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import { usePreviewInteraction } from "@/hooks/use-preview-interaction";
import { cn } from "@/utils/ui";

export function PreviewInteractionOverlay({
	canvasRef,
}: {
	canvasRef: React.RefObject<HTMLCanvasElement | null>;
}) {
	const { onPointerDown, onPointerMove, onPointerUp } =
		usePreviewInteraction({ canvasRef });

	return (
		<div
			className={cn("absolute inset-0 pointer-events-auto")}
			onPointerDown={onPointerDown}
			onPointerMove={onPointerMove}
			onPointerUp={onPointerUp}
		/>
	);
}