import React from 'react';
import { Routes, Route, Navigate } from 'react-router-dom';
import Home from './components/Dashboard';
import SideCartEditor from './components/SideCartEditor';
import CheckoutEditor from './components/CheckoutEditor';
import OrderBumpManager from './components/OrderBumpManager';
import AbandonedCart from './components/AbandonedCartEditor';
import Modules from './components/Modules';
import Settings from './components/Settings';
import Help from './components/Help';

export default function AppRoutes() {
	return (
		<Routes>
			<Route path="/" element={ <Home /> } />
			<Route path="/side-cart" element={ <SideCartEditor /> } />
			<Route path="/checkout" element={ <CheckoutEditor /> } />
			<Route path="/order-bumps" element={ <OrderBumpManager /> } />
			<Route path="/order-bumps/:id" element={ <OrderBumpManager /> } />
			<Route path="/abandoned-cart" element={ <AbandonedCart /> } />
			<Route path="/analytics" element={ <Navigate to="/" replace /> } />
			<Route path="/settings" element={ <Settings /> } />
			<Route path="/modules" element={ <Modules /> } />
			<Route path="/help" element={ <Help /> } />

			<Route path="*" element={ <Navigate to="/" replace /> } />
		</Routes>
	);
}