Zakaria
21 lines
520 B
TypeScript
21 lines
520 B
TypeScript
import type {LucideIcon} from 'lucide-react'
|
|
|
|
interface EmptyStateProps {
|
|
icon: LucideIcon
|
|
title: string
|
|
description: string
|
|
compact?: boolean
|
|
}
|
|
|
|
export function EmptyState({icon: Icon, title, description, compact}: EmptyStateProps) {
|
|
return (
|
|
<div className={`empty ${compact ? 'compact' : ''}`}>
|
|
<div className="empty-icon">
|
|
<Icon size={compact ? 18 : 24}/>
|
|
</div>
|
|
<h3>{title}</h3>
|
|
<p>{description}</p>
|
|
</div>
|
|
)
|
|
}
|