'use client';

import BookingSummaryStrip from './components/BookingSummaryStrip';
import TimelineView from './components/TimelineView';
import BookingsTable from './components/BookingsTable';
import { usePageHeader } from '@client/contexts/PageHeaderContext';
import { useLanguage } from '@client/contexts/LanguageContext';

type TFn = (key: string, fallback?: string, vars?: Record<string, string | number>) => string;

export default function TableBookingManagementPage() {
  const { t, currentLang } = useLanguage();
  const today = new Date()?.toLocaleDateString(currentLang, { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });
  usePageHeader(t('nav.reservations', 'Table Booking Management'), today);
  return (
    <>
      <BookingSummaryStrip />
      <TimelineView />
      <BookingsTable />
    </>
  );
}