import { ErrorPageContainer } from '@/ui/ErrorPageContainer';
import { ErrorActionButtons } from '@/ui/ErrorActionButtons';
import { routes } from '@/lib/routing/RouteConfig';
import { useRouter } from 'next/navigation';

export default function Custom404Page() {
  const router = useRouter();
  
  return (
    <ErrorPageContainer
      errorCode="404"
      description="This page doesn't exist."
    >
      <ErrorActionButtons 
        onHomeClick={() => router.push(routes.public.home)}
        homeLabel="Drive home"
      />
    </ErrorPageContainer>
  );
}