mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-24 19:39:11 +00:00
Katalina
e0fcfc310e
* feat: add skeleton masthead and generic loading page * add generic loader to picker page * smooth out spinner, add no-motion state
17 lines
624 B
TypeScript
17 lines
624 B
TypeScript
import { Avatar } from '@roleypoly/design-system/atoms/avatar';
|
|
import { palette } from '@roleypoly/design-system/atoms/colors';
|
|
import { PlaceholderBox } from '@roleypoly/design-system/atoms/placeholder';
|
|
import * as React from 'react';
|
|
import { Collapse, Group, GroupText } from './UserAvatarGroup.styled';
|
|
|
|
export const UserAvatarGroupSkeleton = () => (
|
|
<Group>
|
|
<Collapse preventCollapse={false}>
|
|
<GroupText>
|
|
<PlaceholderBox firstColor={palette.taupe200} secondColor={palette.taupe300} />
|
|
</GroupText>
|
|
|
|
</Collapse>
|
|
<Avatar deliberatelyEmpty size={34}></Avatar>
|
|
</Group>
|
|
);
|