mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-29 16:30:54 +05:30
28 lines
683 B
TypeScript
28 lines
683 B
TypeScript
import React, { ComponentType } from 'react';
|
|
import clsx from 'clsx';
|
|
|
|
import styles from './pseudoAvatar.scss';
|
|
|
|
interface Props {
|
|
index?: number;
|
|
deleted?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
const PseudoAvatar: ComponentType<Props> = ({ index = 0, deleted, className }) => (
|
|
<div
|
|
className={clsx(
|
|
styles.pseudoAvatarWrapper,
|
|
{
|
|
[styles.deletedPseudoAvatar]: deleted,
|
|
},
|
|
className,
|
|
)}
|
|
>
|
|
<div className={clsx(styles.pseudoAvatar, styles[`pseudoAvatar${index % 7}`])} />
|
|
{deleted ? <div className={styles.deletedIcon} /> : ''}
|
|
</div>
|
|
);
|
|
|
|
export default PseudoAvatar;
|