'use client';

import { useEffect } from 'react';
import { useParams, useRouter } from 'next/navigation';
import { MapPageView } from '@/components/map/MapPageView';
import { parseServiceArea } from '@/lib/region';

export default function RegionalMapPage() {
  const { slug } = useParams<{ slug: string }>();
  const router = useRouter();

  useEffect(() => {
    if (slug && !parseServiceArea(slug)) {
      router.replace('/map');
    }
  }, [slug, router]);

  if (!slug || !parseServiceArea(slug)) {
    return null;
  }

  return <MapPageView regionSlug={slug} />;
}