This commit is contained in:
freedakgmail
2025-11-24 16:07:24 +08:00
parent 3d075c6076
commit b25f4bea02
426 changed files with 3619 additions and 4468 deletions
+29
View File
@@ -0,0 +1,29 @@
import { LucideIcon } from "lucide-react"
import { Badge } from "@/components/ui/badge"
interface EmptyStateBadgeProps {
icon: LucideIcon
text: string
description?: string
}
export function EmptyStateBadge({ icon: Icon, text, description }: EmptyStateBadgeProps) {
return (
<div className="text-center space-y-6">
<div className="inline-flex items-center justify-center">
<Badge
variant="outline"
className="px-8 py-6 text-base font-light border-2 border-primary/20 bg-primary/5 hover:bg-primary/10 transition-colors"
>
<Icon className="h-6 w-6 mr-3 text-primary/80" strokeWidth={1.5} />
<span className="text-foreground tracking-wide">{text}</span>
</Badge>
</div>
{description && (
<p className="text-sm text-muted-foreground font-light max-w-md mx-auto">
{description}
</p>
)}
</div>
)
}