import { type Workspace, type WorkspaceMember } from "../../services/api"; import { Plus, X } from "lucide-react"; export function ProjectMembersDrawer({ open, selectedProject, members, membersLoading, canManage, onClose, onAddMembers, onRemoveMember, onNotify, }: { open: boolean; selectedProject: Workspace | null; members: WorkspaceMember[]; membersLoading: boolean; canManage: boolean; onClose: () => void; onAddMembers: () => void; onRemoveMember: (userId: string) => void; onNotify: (notice: { tone: "success" | "error" | "info"; message: string }) => void; }) { if (!open || !selectedProject) return null; return ( <>
onClose()} style={{ position: "fixed", top: 0, left: 0, right: 0, bottom: 0, backgroundColor: "rgba(0,0,0,0.3)", zIndex: 99, }} /> ); }