<div id="#{id}" class="palm-row chat-entry historyRow removable #{classNames}">
	<div class="palm-row-wrapper">
		<div class="chat-balloon" x-mojo-tap-highlight="momentary">
			<div class="chat-balloon-wrapper">
				<img class="avatar-location" width="34px" height="34px" src="#{avatar}" />
				<img class="avatar-overlay" width="42px" height="42px" src="#{imAvatarOverlay}" />
				<div class="status-and-direction icon left">
					<div class="status-#{availabilityClass}"></div>
					<img class="message-direction" src="#{messageActionImage}"/>
				</div>
				<div class="title #{unreadCountClass}" id="historyBageContainer#{id}">
					<div class="truncating-text im-name-info">
						#{displayName}
					</div>
					<div class="unread-count-container">
						<div class="unread-count-wrapper">
							#{unreadCount}
						</div>
					</div>
					<div class="truncating-text custom-message">
						#{-summary}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
