24 lines
593 B
TypeScript
24 lines
593 B
TypeScript
import { Heading, HStack, Text, VStack } from "@gluestack-ui/themed";
|
|
import { UserPhoto } from "./UserPhoto";
|
|
|
|
export function HomeHeader() {
|
|
return (
|
|
<HStack bg="$gray600" pt="$16" pb="$5" px="$8" alignItems="center" gap="$4">
|
|
<UserPhoto
|
|
source={{ uri: 'https://i.pravatar.cc/200' }}
|
|
alt="avatar image"
|
|
h="$16"
|
|
w="$16"
|
|
/>
|
|
|
|
<VStack>
|
|
<Text color="$gray100" fontSize="$sm">
|
|
Olá,
|
|
</Text>
|
|
<Heading color="$gray100" fontSize="$md">
|
|
John Doe
|
|
</Heading>
|
|
</VStack>
|
|
</HStack>
|
|
)
|
|
}
|