nandi.uk
This repository has no description
673 B
30 lines
1import { Group, Avatar, Stack, Title, Text, Container } from '@mantine/core';
2
3interface Props {
4 avatarUrl?: string;
5 name: string;
6 handle: string;
7}
8
9export default function MinimalProfileHeader(props: Props) {
10 return (
11 <Container p={'xs'} size={'xl'} mx={0}>
12 <Group gap={'sm'}>
13 <Avatar
14 src={props.avatarUrl}
15 alt={`${props.name}'s avatar`}
16 size={'md'}
17 />
18
19 <Stack gap={0}>
20 <Title order={1} fz={'sm'}>
21 {props.name}
22 </Title>
23 <Text c="blue" fw={600} fz={'sm'}>
24 @{props.handle}
25 </Text>
26 </Stack>
27 </Group>
28 </Container>
29 );
30}