26 lines
430 B
TypeScript
26 lines
430 B
TypeScript
|
import "./Avatar.scss";
|
||
|
|
|
||
|
|
import React from "react";
|
||
|
|
|
||
|
|
type AvatarProps = {
|
||
|
|
children: string;
|
||
|
|
className?: string;
|
||
|
|
onClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
||
|
|
color: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Avatar = ({
|
||
|
|
children,
|
||
|
|
className,
|
||
|
|
color,
|
||
|
|
onClick,
|
||
|
|
}: AvatarProps) => (
|
||
|
|
<div
|
||
|
|
className={`Avatar ${className}`}
|
||
|
|
style={{ background: color }}
|
||
|
|
onClick={onClick}
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
);
|