import { useLocation, Link } from 'react-router-dom'
import { useState, useEffect } from 'react'
const navItems = [
{
href: '/',
label: 'Timeline',
icon: (
),
},
{
href: '/servers',
label: 'Server',
icon: (
),
},
{
href: '/processes',
label: 'Prozesse',
icon: (
),
},
]
export default function Sidebar() {
const { pathname } = useLocation()
const [theme, setTheme] = useState(() => localStorage.getItem('theme') || 'dark')
useEffect(() => {
document.documentElement.setAttribute('data-theme', theme)
localStorage.setItem('theme', theme)
}, [theme])
const toggleTheme = () => setTheme(t => (t === 'dark' ? 'light' : 'dark'))
return (
)
}