import { BrowserRouter, Routes, Route, NavLink } from 'react-router-dom';
import ServiceStatus from './ServiceStatus';
import CharacterProfiles from './CharacterProfiles';
import CharacterManager from './CharacterManager';
function NavItem({ to, children, icon }) {
return (
`flex items-center gap-3 px-4 py-2.5 rounded-lg text-sm font-medium transition-colors ${
isActive
? 'bg-gray-800 text-white'
: 'text-gray-400 hover:text-gray-200 hover:bg-gray-800/50'
}`
}
>
{icon}
{children}
);
}
function Layout({ children }) {
return (
{/* Sidebar */}
{/* Main content */}
{children}