import { useState } from "react";
import { Link } from "react-router-dom";
import type { Project } from "@/lib/api";
import { logout } from "@/lib/auth-client";
interface Props {
projects: Project[];
activeId?: string;
}
export default function Sidebar({ projects, activeId }: Props) {
const [open, setOpen] = useState(false);
const nav = (
<>
Team Board
{/* Close button on mobile */}
Team Board v0.2
setOpen(false)}
className="text-[var(--muted)] hover:text-[var(--fg)] transition-colors cursor-pointer"
title="Настройки"
>
⚙️
);
return (
<>
{/* Mobile hamburger */}
{/* Mobile overlay */}
{open && (
setOpen(false)} />
)}
{/* Sidebar: always visible on desktop, slide-in on mobile */}
);
}