MS Paint Demo

1"use client";
2import DrawingCanvas from "../ui/ms-paint";
3 
4export default function MSpaintDemo() {
5  const handleSave = (canvas: HTMLCanvasElement) => {
6    canvas.toBlob((blob) => {
7      if (blob) {
8        const fileName = `MyDrawing_${Date.now()}.png`;
9        const url = URL.createObjectURL(blob);
10        const link = document.createElement("a");
11        link.href = url;
12        link.download = fileName;
13        document.body.appendChild(link);
14        link.click();
15        document.body.removeChild(link);
16        URL.revokeObjectURL(url);
17      }
18    }, "image/png");
19  };
20  return (
21    <div className="h-screen w-full max-w-4xl mx-auto overflow-hidden relative">
22      <DrawingCanvas
23        title="My Drawing App"
24        onSave={handleSave}
25        menuItems={["File", "Edit", "Tools", "Help"]}
26      />
27    </div>
28  );
29}