@datalayer/core
Version:
**Datalayer Core**
45 lines (44 loc) • 1.38 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
/*
* Copyright (c) 2023-2025 Datalayer, Inc.
* Distributed under the terms of the Modified BSD License.
*/
import BoringAvatars from 'boring-avatars';
/*
const variants = [
"bauhaus",
"beam",
"marble",
"pixel",
"ring",
"sunset",
];
export const getRandomBoringAvatarVariant = () => variants[Math.floor(Math.random() * variants.length)] as VariantType;
*/
const getRandomBoringAvatarVariant = () => "bauhaus";
const RANDOM_BORING_AVATOR_VARIANT = getRandomBoringAvatarVariant();
export const BoringAvatar = (props) => {
const { displayName, size, square, style } = props;
const variant = props.variant ?? getRandomBoringAvatarVariant();
return (_jsx("span", { style: { ...style || {} }, children: _jsx(BoringAvatars, { size: size, name: displayName, variant: variant, square: square, colors: [
'#000000',
'#146A7C',
'#16A085',
'#1ABC9C',
'#2ECC71',
'#59595C',
'#92A1C6',
'#C20D90',
'#C271B4',
'#F0AB3D',
// '#FFFFFF',
] }) }));
};
BoringAvatar.defaultProps = {
displayName: '',
variant: RANDOM_BORING_AVATOR_VARIANT,
size: 40,
square: false,
style: undefined,
};
export default BoringAvatar;