Create src/components/grabber/Lightbox.tsx

src/components/grabber/Lightbox.tsx

@@ -0,0 +1,16 @@
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+
+export function Lightbox({ post, open, setOpen }: any) {
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent className="max-w-4xl">
+        <DialogHeader><DialogTitle>Post #{post.id}</DialogTitle></DialogHeader>
+        <img src={post.fileUrl} alt="" className="w-full rounded" />
+        <div className="mt-4">
+          <p className="text-sm mb-2">{post.tags.join(', ')}</p>
+          <a href={post.source} target="_blank" rel="noreferrer" className="text-blue-500 underline">Source</a>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}