// Component-mapped React code
import { Card, Button, Avatar, ActivityFeed } from '@company/ui-kit';

export function CollaborationDashboard({ team, projects }) {
  return (
    <div className="dashboard-layout">
      <Card className="project-overview">
        <h2 className="heading-md">Active Projects</h2>
        {projects.map(project => (
          <ProjectCard key={project.id} {...project} />
        ))}
      </Card>
      
      <Card className="team-members">
        <div className="flex items-center justify-between">
          <h2 className="heading-md">Team Members</h2>
          <Button variant="primary" size="sm">
            Invite Member
          </Button>
        </div>
        <TeamMemberList members={team.members} />
      </Card>
    </div>
  );
}