'use client';

import { useLanguage } from '@/context/LanguageContext';
import NextEventSection from './NextEventSection';
import { Event } from '@/lib/api';

interface NextEventSectionWrapperProps {
  initialEvent?: Event | null;
}

export default function NextEventSectionWrapper({ initialEvent }: NextEventSectionWrapperProps) {
  const { t } = useLanguage();

  return (
    <section className="section-padding bg-white">
      <div className="container-page">
        <h2 className="section-title text-center">
          {t('home.nextEvent.title')}
        </h2>
        <div className="mt-12 max-w-4xl mx-auto">
          <NextEventSection initialEvent={initialEvent} />
        </div>
      </div>
    </section>
  );
}
