import { createBrowserRouter, RouterProvider } from 'react-router'
import Layout from './Layout.tsx'
import HomePage from './pages/HomePage.tsx'
import NotFoundPage from './pages/NotFoundPage.tsx'

import './App.css'

// routing configuration
const router = createBrowserRouter([
  {
    path: '/',
    element: <Layout />,
    children: [
      { index: true, element: <HomePage /> },
      { path: '*', element: <NotFoundPage /> },
    ],
  },
])

function App() {
    return <RouterProvider router={router} />
 }

export default App