import { Paper, Group, Skeleton, Box } from "@mantine/core";

const TeamCardSkeleton = () => {
  return (
    <Paper p="sm" withBorder radius="md">
      <Group gap="sm" align="center">
        <Skeleton height={32} width={32} radius="sm" />
        <Box style={{ flex: 1 }}>
          <Skeleton height={16} width="70%" mb={4} />
          <Skeleton height={12} width="40%" />
        </Box>
        <Skeleton height={20} width={60} radius="xl" />
      </Group>
    </Paper>
  );
};

export default TeamCardSkeleton;
