'use client';

import { useAuthGuard } from '@/hooks/useAuthGuard';
import { useTranslation } from '@/hooks/useTranslation';

interface PlaceholderPageProps {
  title: string;
}

export function PlaceholderPage({ title }: PlaceholderPageProps) {
  const { isReady } = useAuthGuard();
  const { t } = useTranslation();

  if (!isReady) {
    return (
      <div className="flex items-center justify-center min-h-64">
        <p className="text-gray-600">{t.meetingAttendance.common.loading}</p>
      </div>
    );
  }

  return (
    <div className="space-y-4">
      <h1 className="text-2xl font-semibold text-gray-900">{title}</h1>
      <p className="text-gray-600">{t.meetingAttendance.common.pending}</p>
    </div>
  );
}

export function PublicPlaceholderPage({ title }: PlaceholderPageProps) {
  const { t } = useTranslation();

  return (
    <div className="space-y-4">
      <h1 className="text-2xl font-semibold text-gray-900">{title}</h1>
      <p className="text-gray-600">{t.meetingAttendance.common.pending}</p>
    </div>
  );
}