| import React from "react"; | |
| import { FolderOpen } from "lucide-react"; | |
| interface EmptyStateProps { | |
| title: string; | |
| description: string; | |
| icon?: React.ReactNode; | |
| action?: React.ReactNode; | |
| } | |
| export const EmptyState: React.FC<EmptyStateProps> = ({ | |
| title, | |
| description, | |
| icon, | |
| action, | |
| }) => { | |
| return ( | |
| <div className="flex flex-col items-center justify-center p-12 text-center bg-[#0d1527] rounded-3xl border border-dashed border-[#1e3258]"> | |
| <div className="w-14 h-14 bg-[#111d38] border border-[#1b2b4d] rounded-2xl flex items-center justify-center text-emerald-400 mb-4 shadow-inner"> | |
| {icon || <FolderOpen className="w-7 h-7" />} | |
| </div> | |
| <h3 className="text-base font-bold text-white mb-1">{title}</h3> | |
| <p className="text-sm text-slate-400 max-w-sm mb-6">{description}</p> | |
| {action && <div>{action}</div>} | |
| </div> | |
| ); | |
| }; | |