<div component="chat/messages/pinned/container" class="d-flex flex-column expanded-chat border-start hidden" style="min-width:340px; width: 340px;">
	<h3 class="fs-6 p-1 mb-0 text-center text-secondary">[[modules:chat.pinned-messages]]</h3>

	<div component="chat/messages/pinned/empty" class="text-center p-4 d-flex flex-column">
		<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
		<div class="text-xs fw-semibold text-muted">[[modules:chat.no-pinned-messages]]</div>
	</div>

	<ul component="chat/messages/pinned" class="chat-content list-unstyled d-flex flex-column gap-1 p-1 overflow-auto">

	</ul>
</div>
