Files
Keep/keep-notes/app/(main)/trash/trash-empty-state.tsx

21 lines
605 B
TypeScript

'use client'
import { Trash2 } from 'lucide-react'
import { useLanguage } from '@/lib/i18n'
export function TrashEmptyState() {
const { t } = useLanguage()
return (
<div className="flex flex-col items-center justify-center min-h-[60vh] text-center text-gray-500">
<div className="bg-gray-100 dark:bg-gray-800 p-6 rounded-full mb-4">
<Trash2 className="w-12 h-12 text-gray-400" />
</div>
<h2 className="text-xl font-medium mb-2">{t('trash.empty')}</h2>
<p className="max-w-md text-sm opacity-80">
{t('trash.emptyDescription')}
</p>
</div>
)
}