import DashboardLayout from '@/Layouts/DashboardLayout'; import { Head, Link } from '@inertiajs/react'; import { Button } from '@/Components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; import { BookOpen, Brain, TrendingUp } from 'lucide-react'; interface SrsStats { due: number; new: number; total_learned: number; } export default function SrsIndex({ stats }: { stats: SrsStats }) { return ( Vocabulary SRS } >

{/* Due Reviews Card */} Review Due

{stats.due}

Cards ready to review

{/* New Cards Card */} New Cards

{stats.new}

Ready to learn

{/* Total Learned Card */} Total Learned

{stats.total_learned}

Vocabulary mastered

{stats.due + stats.new > 0 ? ( ) : (

All Caught Up! 🎉

You have no cards due for review. Come back later!

)}

); }