// // Copyright 2023 DXOS.org // import '@dxos-theme'; import React from 'react'; import { useId } from '@dxos/react-hooks'; import { toEmoji } from '@dxos/util'; import { Avatar } from './Avatar'; import { withTheme } from '../../testing'; const hues = ['lime', 'teal', 'purple', 'pink']; const AvatarItem = ({ n }: { n: number }) => { const emoji = toEmoji(n); return ( ); }; const DefaultStory = () => { const labelId = useId('sb-avatar-group'); return (
{[0, 1, 2, 3].map((n) => ( ))} 23
); }; export default { title: 'ui/react-ui-core/AvatarGroup', render: DefaultStory, decorators: [withTheme], parameters: { chromatic: { disableSnapshot: false } }, }; export const Default = { args: {}, };