omnivore/packages/web/components/elements/AvatarDropdown.tsx
2023-02-27 10:34:12 +08:00

19 lines
469 B
TypeScript

import { Avatar } from './../elements/Avatar'
import { HStack } from '../elements/LayoutPrimitives'
type AvatarDropdownProps = {
profileImageURL?: string
userInitials: string
}
export function AvatarDropdown(props: AvatarDropdownProps): JSX.Element {
return (
<HStack alignment="center" css={{ gap: '6px' }}>
<Avatar
imageURL={props.profileImageURL}
height="32px"
fallbackText={props.userInitials}
/>
</HStack>
)
}