27 lines
642 B
TypeScript
27 lines
642 B
TypeScript
// SPDX-FileCopyrightText: © 2017 EteSync Authors
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import * as React from "react";
|
|
|
|
export const Avatar = React.memo((props: { children: React.ReactNode[] | React.ReactNode, size?: number, style?: any }) => {
|
|
const size = (props.size) ? props.size : 40;
|
|
|
|
return (
|
|
<div
|
|
style={{
|
|
backgroundColor: "grey",
|
|
color: "white",
|
|
display: "inline-flex",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
borderRadius: "50%",
|
|
height: size,
|
|
width: size,
|
|
...props.style,
|
|
}}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
);
|
|
});
|