<div id="muted-topic-settings" class="settings-section" data-name="muted-topics">
    <div class="settings_panel_list_header">
        <h3>{{t "Muted topics"}}</h3>
        <input id="muted_topics_search" class="search" type="text" placeholder="{{t 'Filter muted topics' }}" aria-label="{{t 'Filter muted topics' }}"/>
    </div>
    <div class="progressive-table-wrapper" data-simplebar>
        <table class="table table-condensed table-striped wrapped-table">
            <thead class="table-sticky-headers">
                <th data-sort="alphabetic" data-sort-prop="stream">{{t "Stream" }}</th>
                <th data-sort="alphabetic" data-sort-prop="topic">{{t "Topic" }}</th>
                <th data-sort="numeric" data-sort-prop="date_muted">{{t "Date muted" }}</th>
                <th class="actions">{{t "Actions" }}</th>
            </thead>
            <tbody id="muted_topics_table" class="required-text" data-empty="{{t 'You have not muted any topics yet.'}}"></tbody>
        </table>
    </div>
</div>
