import React, { ReactElement } from 'react';
import { AvatarProps } from '../Avatar';

export type UsersProps = {
  className?: string;
  style?: React.CSSProperties;
  plusButton?: UsersPlusButtonProps;
  countButton?: UsersCountButtonProps;
  children?: React.ReactNode;
};

export type UsersPlusButtonProps = {
  onClick: () => void;
  size?: AvatarProps['size'];
  customIcon?: ReactElement;
};

export type UsersCountButtonProps = {
  onClick?: () => void;
  size?: AvatarProps['size'];
  styles?: React.CSSProperties;
  count?: number;
};
