"use client"
import { ReactNode } from "react"
interface EmptyStateProps {
icon: ReactNode
title: string
description?: string
action?: ReactNode
}
export function EmptyState({ icon, title, description, action }: EmptyStateProps) {
return (
{icon}
{title}
{description &&
{description}
}
{action &&
{action}
}
)
}
// Common icons for reuse
export function ListIcon() {
return (
)
}
export function TrophyIcon() {
return (
)
}
export function ChartIcon() {
return (
)
}
export function DocumentIcon() {
return (
)
}