diff --git a/src/components/admin/import-error-banner.tsx b/src/components/admin/import-error-banner.tsx
new file mode 100644
index 00000000..a0ac2fb2
--- /dev/null
+++ b/src/components/admin/import-error-banner.tsx
@@ -0,0 +1,13 @@
+import { AlertCircle } from "lucide-react";
+
+export function ImportErrorBanner({ error }: { error: string }) {
+	return (
+		<div
+			role="alert"
+			className="rounded-lg border px-4 py-3 text-sm bg-destructive/10 border-destructive/20 text-destructive flex items-center gap-2"
+		>
+			<AlertCircle className="w-4 h-4 shrink-0" aria-hidden="true" />
+			<span className="min-w-0 break-words">{error}</span>
+		</div>
+	);
+}