RoutePlanner

An interactive route planning component with traffic-aware suggestions.

📋 Overview

Property	Value
File	src/components/RoutePlanner.tsx
Type	React Functional Component
Author	UIP Team
Version	1.0.0

🎯 Purpose

• Plan routes between locations
• Consider real-time traffic conditions
• Provide alternative routes
• Estimate travel times

🚀 Usage

import { RoutePlanner } from '@/components/RoutePlanner';

function NavigationPage() {
  return (
    <RoutePlanner
      onRouteSelect={handleRouteSelect}
      trafficData={liveTrafficData}
    />
  );
}

📦 Props

Prop	Type	Required	Default	Description
onRouteSelect	(route: Route) => void	Yes	-	Selection handler
trafficData	TrafficData	No	-	Live traffic data
origin	LatLng	No	-	Start location
destination	LatLng	No	-	End location
showAlternatives	boolean	No	true	Show alt routes

📊 Route Information

Field	Description
Distance	Total route distance
Duration	Estimated travel time
Traffic Delay	Current delay
Incidents	Number of incidents

📖 Related Components

• RouteVisualization - Route display
• TrafficMap - Map container
• SpeedZones - Traffic speed

---

See the complete components reference for all available components.