'use client';

import { useParams } from 'next/navigation';
import { PrivacyProvider } from '@/context/PrivacyContext';
import { EventDetailView } from '@/app/admin/events/[id]/_components/EventDetailView';

/**
 * The single event page for team members (staff / collaborators / co-managers
 * added in the event's Team tab). Same view as the admin page; tabs and data
 * follow the member's permissions on this event only.
 */
export default function MemberEventPage() {
  const params = useParams();
  return (
    <PrivacyProvider>
      <div className="section-padding min-h-[70vh]">
        <div className="container-page">
          <EventDetailView eventId={params.id as string} backHref="/dashboard?tab=events" />
        </div>
      </div>
    </PrivacyProvider>
  );
}