'use client';

import NavButton from './NavButton';
import { Calendar, Users, BarChart3, Heart } from 'lucide-react';
import { useI18n } from '@/i18n/I18nContext';

export default function QuickActionsGrid() {
    const { t } = useI18n();

    return (
        <div className="grid grid-cols-4 gap-3">
            <NavButton
                icon={<Calendar size={22} />}
                label={t('nav.sessions') || 'Events'}
                href="/sessions"
            />
            <NavButton
                icon={<Users size={22} />}
                label={t('nav.buddies') || 'Buddies'}
                href="/buddies"
            />
            <NavButton
                icon={<BarChart3 size={22} />}
                label={t('nav.stats') || 'Stats'}
                href="/stats"
            />
            <NavButton
                icon={<Heart size={22} />}
                label={t('nav.wishlist') || 'Wishlist'}
                href="/wishlist"
            />
        </div>
    );
}