import { useState } from “react”;
import { Card, CardContent } from “@/components/ui/card”;
import { Button } from “@/components/ui/button”;
export default function Windows3Visualizer() {
const [openApp, setOpenApp] = useState(null);
const apps = [
{ id: “filemanager”, name: “File Manager” },
{ id: “write”, name: “Write” },
{ id: “paint”, name: “Paintbrush” },
{ id: “calc”, name: “Calculator” },
];
return (
{/* Title Bar */}
Program Manager
{/* Program Manager */}
{apps.map((app) => (
setOpenApp(app.id)}
className=”cursor-pointer border border-black bg-white shadow-sm”
>
{app.name}
))}
className=”cursor-pointer border border-black bg-white shadow-sm”
>
{app.name}
))}
{/* Open App Window */}
{openApp && (
{apps.find(a => a.id === openApp)?.name}
This is a mock {apps.find(a => a.id === openApp)?.name} window.
)}
);
}