import { BrowserRouter, useLocation, useNavigate } from 'react-router-dom';
import { ToursProvider, ToursOverlay } from '@bytesui/react';
import { Guides } from './guides';

function AppContent() {
  const location = useLocation();
  const navigate = useNavigate();

  return (
    <ToursProvider
      currentRoutePath={location.pathname + location.search}
      guides={Guides}
      onNavigate={(path) => navigate(path)}
    >
      <div>My Application Content</div>
      <ToursOverlay />
    </ToursProvider>
  );
}

export default function App() {
  return (
    <BrowserRouter>
      <AppContent />
    </BrowserRouter>
  );
}