'use client';

import React from 'react';
import { useRouter } from 'next/navigation';
import { routes } from '@/lib/routing/RouteConfig';
import { NotFoundTemplate, type NotFoundViewData } from '@/templates/NotFoundTemplate';

/**
 * NotFound
 * 
 * App-level 404 handler.
 * Orchestrates the NotFoundTemplate with appropriate racing-themed copy.
 */
export default function NotFound() {
  const router = useRouter();
  
  const handleHomeClick = () => {
    router.push(routes.public.home);
  };

  const viewData: NotFoundViewData = {
    errorCode: 'Error 404',
    title: 'OFF TRACK',
    message: 'The requested sector does not exist. You have been returned to the pits.',
    actionLabel: 'Return to Pits'
  };
  
  return <NotFoundTemplate viewData={viewData} onHomeClick={handleHomeClick} />;
}