import React from 'react';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import Login from './components/LoginPage';
import ProtectedRoute from './components/ProtectedRoute';
import RandomSignUpload from './components/RandomVideoUpload';
import SignDetailpage from './components/SignDetailPage';
import SignsPage from './components/SignsPage';

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<RandomSignUpload />} />
        <Route path="/admin/" element={<ProtectedRoute><SignsPage /></ProtectedRoute>} />
        <Route path="/admin/login" element={<Login />} />
        <Route path="/admin/signs/:id" element={<ProtectedRoute><SignDetailpage /></ProtectedRoute>} />
      </Routes>
    </Router>
  );
}

export default App;