import * as React from 'react';
import type { Metadata } from 'next';

import { EditVolunteerForm } from '@/components/dashboard/volunteers/EditVolunteerForm';
import { config } from '@/config';

export const metadata = { title: `Edit Volunteer | Dashboard | ${config.site.name}` } satisfies Metadata;

interface PageProps {
  params: { id: string };
}

export default function Page({ params }: PageProps): React.JSX.Element {
  return <EditVolunteerForm volunteerId={params.id} />;
}