import { Trash2 } from 'lucide-react'
import { useLanguage } from '@/lib/i18n'

export const dynamic = 'force-dynamic'

export default function TrashPage() {
    return (
        <main className="container mx-auto px-4 py-8 max-w-7xl">
            <TrashContent />
        </main>
    )
}

function TrashContent() {
    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.restore')}
            </p>
        </div>
    )
}