import {BookOpen} from 'lucide-react';
import React from "react";
import {useTranslations} from '@/lib/i18n';

export default function NoBookHome() {
    const t = useTranslations();
    
    return (
        <div className="flex items-center justify-center h-full p-8 text-center">
            <div className="bg-tertiary rounded-xl p-10 max-w-md">
                <BookOpen className={"text-primary w-20 h-20 mb-6 animate-pulse"} strokeWidth={1.75}/>
                <h3 className="text-2xl font-['ADLaM_Display'] text-text-primary mb-4">{t("noBookHome.title")}</h3>
                <p className="text-muted mb-6 text-lg leading-relaxed">
                    {t("noBookHome.description")}
                </p>
                <div
                    className="flex items-center justify-center gap-3 text-sm text-muted bg-secondary p-4 rounded-xl border border-secondary">
                    <BookOpen className="text-primary w-5 h-5" strokeWidth={1.75}/>
                    <span>{t("noBookHome.hint")}</span>
                </div>
            </div>
        </div>
    )
}