import { cn } from '@/lib/utils'
interface EmptyStateProps {
icon?: React.ReactNode
title: string
description?: string
action?: React.ReactNode
className?: string
}
export function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {
return (
<div
className={cn(
'flex flex-col items-center justify-center py-12 text-center animate-fade-in-up',
className,
)}
role="status"
>
{icon && (
<div className="mb-4 text-muted-foreground" aria-hidden="true">
{icon}
</div>
)}
<h3 className="text-lg font-semibold">{title}</h3>
{description && <p className="mt-1 text-sm text-muted-foreground max-w-md">{description}</p>}
{action && <div className="mt-4">{action}</div>}
</div>
)
}