import { type Workspace, type WorkspaceMember } from "../../services/api";
import Icon from "../../components/common/Icon";
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,
}} />
>
);
}