import React from 'react';
import { TeamMembershipCard as UiTeamMembershipCard } from '@/ui/TeamMembershipCard';
import { routes } from '@/lib/routing/RouteConfig';

interface TeamMembership {
  teamId: string;
  teamName: string;
  teamTag?: string;
  role: string;
  joinedAt: string;
}

interface TeamMembershipCardProps {
  membership: TeamMembership;
}

export function TeamMembershipCard({ membership }: TeamMembershipCardProps) {
  return (
    <UiTeamMembershipCard
      teamName={membership.teamName}
      role={membership.role}
      joinedAt={membership.joinedAt}
      href={routes.team.detail(membership.teamId)}
    />
  );
}