import { createBrowserRouter } from "react-router-dom";
import { AppShell } from "../components/layout/AppShell";
import { HomePage } from "../pages/HomePage";
import { ToolsPage } from "../pages/ToolsPage";
import { ToolDetailPage } from "../pages/ToolDetailPage";
import { HowItWorksPage } from "../pages/HowItWorksPage";

export const router = createBrowserRouter([
  {
    path: "/",
    element: <AppShell />,
    children: [
      {
        index: true,
        element: <HomePage />,
      },
      {
        path: "tools",
        element: <ToolsPage />,
      },
      {
        path: "tools/:toolId",
        element: <ToolDetailPage />,
      },
      {
        path: "how-it-works",
        element: <HowItWorksPage />,
      },
    ],
  },
]);