From 520642f7c67bd233231c66c43e05122332aca59c Mon Sep 17 00:00:00 2001
From: Oliver Bryan <ob248@proton.me>
Date: Sun, 8 Feb 2026 07:19:26 +0000
Subject: [PATCH] TravelListItem

---
 src/components/TravelListItem.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/components/TravelListItem.tsx

diff --git a/src/components/TravelListItem.tsx b/src/components/TravelListItem.tsx
new file mode 100644
index 00000000..c28b3c33
--- /dev/null
+++ b/src/components/TravelListItem.tsx
@@ -0,0 +1,25 @@
+import type { TravelMetadata } from "@/travel";
+import { Button } from "./ui/button";
+import type { MouseEventHandler } from "react";
+import { cn } from "@/lib/utils";
+
+export function TravelListItem({
+	metadata,
+	onClick,
+}: {
+	metadata: TravelMetadata;
+	onClick: MouseEventHandler<HTMLButtonElement>;
+}) {
+	return (
+		<Button
+			className={cn(
+				"text-sm border cursor-pointer hover:border-accent justify-start",
+			)}
+			onClick={onClick}
+			variant="dummy"
+			size="sm"
+		>
+			{metadata.city}, {metadata.country} - {metadata.date}
+		</Button>
+	);
+}