basic team profile

src/features/teams/components/team-profile/index.tsx

@@ -3,17 +3,35 @@ import Header from "./header";
 import TeamList from "@/features/teams/components/team-list";
 import { Team } from "../../types";
 import PlayerList from "@/features/players/components/player-list";
+import SwipeableTabs from "@/components/swipeable-tabs";
+import TournamentList from "@/features/tournaments/components/tournament-list";
 
 interface ProfileProps {
   team: Team;
 }
 
 const TeamProfile = ({ team }: ProfileProps) => {
+  console.log(team);
+  const tabs = [
+    {
+      label: "Overview",
+      content: <Text p="md">Stats/Badges will go here</Text>
+    },
+    {
+      label: "Matches",
+      content: <Text p="md">Matches feed will go here</Text>
+    },
+    {
+      label: "Tournaments", 
+      content: <>
+        <TournamentList tournaments={team.tournaments || []} />
+      </>
+    }
+  ];
   return <>
     <Header team={team} />
     <Box m='sm' mt='lg'>
-      <Text size='xl' fw={600}>Players</Text>
-      <PlayerList players={team.players} />
+      <SwipeableTabs tabs={tabs} />
     </Box>
   </>;
 };