import React, { type ReactNode } from 'react';
import styles from './AvatarGroup.module.css';

export type AvatarGroupProps = {
  children?: ReactNode;
};

export type AvatarCountProps = {
  children?: ReactNode;
};

export function AvatarGroup(props: AvatarGroupProps) {
  return <div className={styles.AvatarGroup}>{props.children}</div>;
}

export function AvatarCount(props: AvatarCountProps) {
  return <div className={styles.AvatarCount}>{props.children}</div>;
}
