import { Box, Button, Text } from "@mantine/core";
import Header from "./header";
import { testEvent } from "@/utils/test-event";
import { Player } from "@/features/players/types";
import TeamList from "@/features/teams/components/team-list";

interface ProfileProps {
  player: Player;
}

const Profile = ({ player }: ProfileProps) => {

  return <>
    <Header player={player} />
    <Box m='sm' mt='lg'>
      <Text size='xl' fw={600}>Teams</Text>
      <TeamList teams={player.teams ?? []} />
    </Box>
  </>;
};

export default Profile;