From c278a0fd944977d4ea3a0c5a4a43ff4cc0a13aa3 Mon Sep 17 00:00:00 2001
From: Dries Augustyns <inbox@driaug.com>
Date: Tue, 21 Apr 2026 10:31:17 +0200
Subject: [PATCH] feat: add className prop to EmptyState component for custom
 styling

---
 apps/web/src/components/EmptyState.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/EmptyState.tsx b/apps/web/src/components/EmptyState.tsx
index 3c086a8..5d1f01a 100644
--- a/apps/web/src/components/EmptyState.tsx
+++ b/apps/web/src/components/EmptyState.tsx
@@ -6,11 +6,12 @@ interface EmptyStateProps {
   title: string;
   description: string;
   action?: ReactNode;
+  className?: string;
 }
 
-export function EmptyState({icon: Icon, title, description, action}: EmptyStateProps) {
+export function EmptyState({icon: Icon, title, description, action, className}: EmptyStateProps) {
   return (
-    <div className="text-center py-14">
+    <div className={`text-center py-14 ${className ?? ''}`}>
       <div className="inline-flex items-center justify-center w-10 h-10 rounded-md border border-neutral-200 bg-neutral-50 mb-4">
         <Icon className="h-5 w-5 text-neutral-400" />
       </div>