import { useState } from "react"; import { BrowserRouter as Router, Route, Routes, Link } from "react-router-dom"; import { Card } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; function Dashboard() { return (

Dashboard

Ringkasan Laporan Pengawasan

); } function InputLaporan() { const [laporan, setLaporan] = useState(""); return (

Input Laporan

setLaporan(e.target.value)}
      />
      <Button className="mt-4">Simpan</Button>
    </div>
  );
}

function DaftarLaporan() {
  return (
    <div className="p-6">
      <h1 className="text-xl font-bold">Daftar Laporan</h1>
      <Card className="p-4 mt-4">Daftar laporan akan ditampilkan di sini</Card>
    </div>
  );
}

function Pengaturan() {
  return (
    <div className="p-6">
      <h1 className="text-xl font-bold">Pengaturan</h1>
      <Card className="p-4 mt-4">Manajemen pengguna dan preferensi</Card>
    </div>
  );
}

function App() {
  return (
    <Router>
      <div className="p-4 flex space-x-4 bg-gray-100">
        <Link to="/">Dashboard</Link>
        <Link to="/input">Input Laporan</Link>
        <Link to="/daftar">Daftar Laporan</Link>
        <Link to="/pengaturan">Pengaturan</Link>
      </div>
      <Routes>
        <Route path="/" element={<Dashboard />} />
        <Route path="/input" element={<InputLaporan />} />
        <Route path="/daftar" element={<DaftarLaporan />} />
        <Route path="/pengaturan" element={<Pengaturan />} />
      </Routes>
    </Router>
  );
}

export default App;

</div>
    </div>
</body>
</html>