export const displayNameAttendeesStyle = (arg?: {
  color: string,
  fontFamily: string,
  fontSize: string,
  backgroundColor: string,
}): object => {
  return {
    textAlign: 'center',
    color: arg?.color || '#fff',
    fontFamily: arg?.fontFamily || 'sans-serif',
    fontSize: arg?.fontSize || '18px',
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    backgroundColor: arg?.color || '#000',
  }
}