From f971c17143ad201045e7dc558755d8ad0441fe92 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Sun, 14 Dec 2025 19:45:01 +0000
Subject: [PATCH] IssueDetailPane component

---
 .../src/components/issue-detail-pane.tsx       | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 packages/frontend/src/components/issue-detail-pane.tsx

diff --git a/packages/frontend/src/components/issue-detail-pane.tsx b/packages/frontend/src/components/issue-detail-pane.tsx
new file mode 100644
index 0000000..8833dd1
--- /dev/null
+++ b/packages/frontend/src/components/issue-detail-pane.tsx
@@ -0,0 +1,18 @@
+import type { IssueRecord } from "@issue/shared";
+import { Button } from "@/components/ui/button";
+import { X } from "lucide-react";
+
+export function IssueDetailPane({ issue, close }: { issue: IssueRecord; close: () => void }) {
+    return (
+        <div className="flex flex-col items-end">
+            <Button variant={"dummy"} onClick={close} className="px-0 py-0 w-6 h-6">
+                <X />
+            </Button>
+
+            <div className="flex flex-col w-full p-2 gap-2">
+                <h1 className="text-md">{issue.title}</h1>
+                <p className="text-sm">{issue.description}</p>
+            </div>
+        </div>
+    );
+}