import { FolderSearch } from 'lucide-react';
const EmptyState = ({ title, detail }) => (
  <div className="grid min-h-56 place-items-center rounded-xl border border-dashed border-white/10 text-center">
    <div>
      <FolderSearch className="mx-auto h-7 w-7 text-slate-700" />
      <div className="mt-3 text-sm text-slate-300">{title}</div>
      <div className="mt-1 text-xs text-slate-600">{detail}</div>
    </div>
  </div>
);
export default EmptyState;